Vue.jsのDate Time Picker「VueCtkDateTimePicker」の使い方 | カバの樹
CDN <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-ctk-date-time-picker.css"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-ctk-date-time-picker.umd.min.js"></script> gitリポジトリは以下から取得できます。 https://github.com/chronotruck/vue-ctk-date-time-picker 導入手順 1. ライブラリの取り込み （1）ES6等の場合 [注意]モジュール版は未検証です。 import VueCtkDateTimePicker from 'vue-ctk-date-
「V-Calendar」の日付の入力制限する方法 | カバの樹
はじめに 今回は「V-Calendar」のdatepickerで指定の日付を選択できないようにする方法を記事にしたいと思います。 「V-Calendar」のdatepickerの使い方は以下を参考にしてください。 VueJS製datepickerにもなる「V-Calendar」の使い方 環境 Vue.js: 2.6.10 v-calendar: 0.9.7 導入手順 「V-Calendar」には、入力を制限するに2通りの方法があります。 1. 除外する :disabled-dates <v-date-picker :disabled-dates="dates" :mode="mode" v-model="selectedDate"></v-date-picker> new Vue({ el: '#app', data: { dates: { weekdays: [1, 7] }, mode
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue.jsのdatepickerは「vuejs-datepicker」がおすすめ！ | カバの樹