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