jQueryプラグインcontinuousCalendarを使った多機能なデートピッカーです。(サンプル1)は、カレンダー上の日付をドラッグするとその範囲の期間を表示してくれます。ドラッグした範囲の期間は、スタート位置、エンド位置とともに右側に表示されます。時間の調整が可能です。(サンプル2)は、アイコンをクリックして、デートピッカーを表示、日付を選択できます。この例では選んだ日付がアイコンの右に表示されます。

(サンプル1)カレンダーの選択範囲の期間を表示

日付選択

(サンプル2)デートピッカーで日付選択

※参照元:https://github.com/continuouscalendar/jquery-continuous-calendar
戻るボタン