カレンダーで複数選択を実現！シフト選択とCtrl選択で日付選択できるカレンダーピッカーの紹介

前回の記事内容を応用したコンテンツになります

以下にデモのGifがあります

demo.gif

1.14 MB

ファイルダウンロードについて

ダウンロード

複数選択の骨子ドラフトが欲しい方は以下から購入してくださいませ

React,Typescriptのviteを使ったSPAで実装されています

購入された方は以下の手順で再現できます

$ mkdir -p wrksp
$ cd ~/wrksp

$ unzip calendar-multi-selection.zip -d .

$ cd ~/wrksp/calendar-multi-selection
$ npm ci
$ npm run dev

// ビルドする場合
$ npm run build
$ npm run preview