/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

67 votes226 views3 answers
Update vue version npm
Javascript Vue
1 vote165 views1 answer
Vue test utils emitted
Javascript Vue
0 vote177 views1 answer
Vuejs enter phone with country flag
Javascript Vue
11 votes165 views2 answers
Vue router push
Javascript Vue
0 vote171 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
3 votes188 views5 answers
Vue js countdown timer
Javascript Vue
0 vote191 views1 answer
VueJS - getting the last element of a split string array
Javascript Vue
0 vote181 views1 answer
Laravel vuejs barcode
Javascript Vue
0 vote175 views1 answer
Vue send event plus variable
Javascript Vue
2 votes188 views1 answer
Vue js data bind
Javascript Vue