Install npm install date-fns --save (https://www.npmjs.com/package/date-fns) Create date picker component - DateTimePicker.vue import component in actual html - import DatetimePicker from "@/components/DatetimePicker"; - below code is there. Add component inside components like this: components: { DatetimePicker } Where you want display datepicker inside html that place you can past this code: <datetime-picker dateFormat="MM-dd-yyyy" v-model="created_on" label="Created on" :datePickerProps="{max:maxDate}" v-bind:timePickerProps="{ 'use-seconds': true }" > </datetime-picker> DateTimePicker.vue <template> <v-dialog :persistent="true" v-model="display" :width="dialogWidth"> <template v-slot:activator="{ on }"> ...
Comments
Post a Comment