fullcalendar-vueは、FullCalendarが配布しているVue.js用の公式カレンダーコンポーネントです。FullCalendarは、Githubスター9000超え、Used by 18000超えのモンスターライブラリです。ビューの表示が多義に渡り、月のビューから時間のタイムラインまで選択することができます。日付のクリックイベントやドラックセレクトも行えます。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。
「V-Calendar」は入力を制限する方法です。制限には二通りの方法があります。コピペで実装できるサンプルを掲載しています。
「V-Calendar」は特殊な入力を行うdatepickerの使い方ができます。コピペで実装できるサンプルを掲載しています。
カレンダーライブラリ「V-Calendar」の使い方です。コピペで実装できるサンプルを掲載しています。
期間内の日付をそれぞれ取得したい時に利用するロジックをご紹介します。
対象の日付が月の何周目なのか調べるロジックを自作しました。
「vuejs-datepicker」の使い方、コピペだけで実装できるサンプル、ケーススタディを記事にしています。
![[PHP]期間内の日付を取得する](https://www.kabanoki.net/wp-content/uploads/2019/05/6d47cecd-8a34-49cb-9edf-a4129fd54a06-295x337.png)
![[PHP]対象の日付が月の何週目なのかを調べる](https://www.kabanoki.net/wp-content/uploads/2019/05/06afd064-4652-4d8a-b8ee-b72d56057bb6-295x350.png)
