jQueryUIを使って、日付入力を簡単にしました。

  • 投稿日:

Check4Lifeの細かな修正点です。

修正前の日付入力は、年、月、日でそれぞれ設定。
実は、大の月、小の月、閏年など、考慮できていませんでした(すみません〜)

今回、jQueryUIのDatePickerをインストールしました。
入力のテキストエリアをクリックすると、カレンダーがポップアップし、 日付をクリックするだけで簡単に入力できます。


130114calendar.png

もちろん、大の月、小の月、閏年などきちんと対応してくれています。
jQueryUIのプログラマーに、大感謝です!

外から見れば、比較的小さな改良に見えると思いますが、 JavaScriptを採用し、中身は大きな変化になっています。
次は一覧画面で、タスク名や期限、優先順位などを変更できるようにし、 個別の編集画面に行かなくてもすむようにします。

もっともっと使いやすくするために、jQueryUI、JavaScript、ajaxをさらに導入していきますね。