/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

6 votes383 views4 answers
V-for vue
Javascript Vue
5 votes360 views3 answers
Vue select option v-for selected
Javascript Vue
0 vote349 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
0 vote347 views2 answers
Vue config devtools
Javascript Vue
1 vote365 views1 answer
Vue create component
Javascript Vue
0 vote366 views1 answer
Vuejs list items from axios
Javascript Vue
0 vote359 views1 answer
Adding jquery to vuepress
Javascript Vue
8 votes375 views2 answers
Get params from route vuejs
Javascript Vue
1 vote341 views1 answer
Vue test form input
Javascript Vue
0 vote385 views1 answer
Watching Arrays and Objects (Vue 3)
Javascript Vue