直感的に日時を指定したい場合によく使われるカレンダー機能についていろいろ試行錯誤した結果をメモに残しておく。
各々の方法の試した結果は別記事：試行錯誤編に記載する。

日付だけでなく、時間も指定してしまいたい場合に幾つか方法がある

1 datepickerとtimepicerのあわせ技

JQueryUIのdatepickerとJQueryUIの公式サイトからは入手できないがgithubから入手できるtimepickerを使う。
参考：datepickerとtimepickerを使って入力しやすいフォームを作る

2 datetimepickerを使う　
=>別記事作成　カレンダー試行錯誤編:datetimepicker

DateTimePickerから入手。
入手ZIPを解凍した中にある、index.htmlを起動すると、ほとんどのサンプルをみることができるので便利。
参考：日付や時間を直感的に選択できるDateTimePicker

また、デザインをどうにかしたい場合はbootstrapを使用する方法もある模様。

AdminLTEのdaterangepickerをDatePickerまたはDatetimePickerとして使いたい
 Bootstrap 3でDatetimePickerを使いたい

３ 複数ヶ月のカレンダーを表示したい
=>別記事作成　カレンダー試行錯誤編:datepicker複数月表示

人気ランキング - jQueryカレンダーというものがあるらしい。
最近のはやりを取り入れるのに参考になるかもしれない。