はてなブックマーク

概要 Vue.js上で動かせるカレンダーUIライブラリのv-calendarを使って、予めサーバ等から取得した日付ごとのオブジェクトをカレンダー上に突っ込む方法です。 公式ページはこちら 出力結果とソース 先に、出力結果です。 後述する日付ごとのデータを、カレンダー内に表示している内容となります。 続いてこちらのソースです。 ※事前に、npm install v-calenderをつかって、v-calendarをインストールしてください。 import Vue from 'vue' import App from './App.vue' import VCalendar from 'v-calendar' Vue.use(VCalendar) Vue.config.productionTip = false new Vue({ render: h => h(App), }).$mount(