VueJS製datepickerにもなる「V-Calendar」の使い方 | カバの樹

1. ライブラリの取り込み webpack等の場合 import Vue from 'vue'; import VCalendar from 'v-calendar'; Vue.use(VCalendar); WEBページの場合 ロードの必要はありません。 2. Vueを準備する new Vue({ el: '#app', data: { mode: 'single', formats: { input: ['YYYY-MM-DD'], }, selectedDate: null, } }) 3. <v-date-picker>テンプレートを準備 カレンダー機能の時は<v-calendar>を使いましたが、 datepickerの時は<v-date-picker>を使います。 <v-date-picker :mode="mode" :formats="formats" v-model="s

[dikkbsw]

特殊な入力が可能なdatepickerを実装できる