nuxtjs

 Date/Time format //Date format    displayDateTime(d) {       if(d != "")       {   var myDate = new Date(d); var day = myDate.getDate(); day = day.toString(); day = day.length === 1 ? "0" + day.toString() : day; var dd = myDate.getDay(); // var weekname = this.weekNames[parseInt(dd)].substr(0, 3); var month =  parseInt(myDate.getMonth()); month = month + 1;  // month = ("0" + myDate.getMonth()).slice(-2);           // month = this.monthNames[parseInt(month)].substr(0, 3);           var year = myDate.getFullYear();           var hh = ("0" + myDate.getHours()).slice(-2);           var mm = ("0" + myDate.getMinutes()).slice(-2);           var ss = ("0" + myDate.getSeconds()).slice(-2);           month = month < 10 ? "0" + month : month; //d = day+'-'+month + '-' +  year + " ...

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 }">       ...