/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 votes252 views3 answers
Update vue version npm
Javascript Vue
0 vote123 views1 answer
How to call mixin in vuex
Javascript Vue
0 vote127 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
0 vote129 views1 answer
Delete item from a foreach vuejs
Javascript Vue
1 vote118 views2 answers
Target data option select vue js
Javascript Vue
0 vote139 views1 answer
Define var vuejs
Javascript Vue
1 vote151 views1 answer
Vue dynamic route push with params
Javascript Vue
4 votes124 views2 answers
Router link active in vue.js
Javascript Vue
2 votes136 views1 answer
Vue js data bind
Javascript Vue
0 vote129 views1 answer
Data table is not a function in vue
Javascript Vue