/Javascript/Vue/Using vuejs-datepicker with Nuxt JS

Using vuejs-datepicker with Nuxt JS

npm i vuejs-dnpm i vuejs-datepicker

/plugins/vue-datepicker.js
import Vue from 'vue'
import Datepicker from 'vuejs-datepicker'
Vue.component('date-picker', Datepicker)

nuxt.config.js 
plugins: [
    ... other plugins
    { src: '~/plugins/vue-datepicker', ssr: false }, // datepicker plugin here
  ],
  
  
  <client-only><date-picker
placeholder="MM/DD/YYYY"
format="MM/dd/yyyy"
v-model="date_today" /></client-only>


data(){
return{
... your other data variables ...
date_today:new Date()
}
}

Source: aslamdoctor.com

Similar codes

3 votes112 views1 answer
Vue js select option disabled false
Javascript Vue
0 vote132 views1 answer
Vue component: { render:
Javascript Vue
1 vote114 views2 answers
Focus on input field vuejs event
Javascript Vue
0 vote103 views1 answer
Vuejs localstorage add value
Javascript Vue
1 vote109 views1 answer
Vue watch
Javascript Vue
0 vote107 views1 answer
Vue v-for loop array
Javascript Vue
0 vote113 views1 answer
Nuxt vuetify google fonts
Javascript Vue
0 vote106 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
1 vote107 views1 answer
V-for only getting one first value vuejs
Javascript Vue
4 votes101 views3 answers
Vue get element height
Javascript Vue