フォームの日付入力の補助に使えるJavaScriptカレンダーの調査。
選定条件は下記の2点。この2点を両方満たすものは意外に少ない。
- 月や曜日を日本語で表示すること
- 同一ページ上でポップアップ表示できること (別Windowで開くものは使いにくいので不可)
Yahho Calendar
YUIベースのシンプルなカレンダー。
祝日データはGoogleカレンダーから取得。(メンテナンス不要なのが良い。)
JKL.Calendar
細かい設定(カスタマイズ)ができる。
祝日対応版では、祝日データは独自のリストを作ってそこから取得。(ケアが必要だが柔軟性が高い。)
- [JavaScript] JKL.Calendar/ポップアップするカレンダー表示クラス (本家)
- JKL.Calendarをいじってみた - まったりゲーム記 - Yahoo!ブログ (改良版)
- 安達司法書士.comブログ:カレンダーによる日付入力 - livedoor Blog(ブログ) (祝日対応版)
JavaScriptによるカレンダー入力フォーム
見た目は濃ゆい。
祝日は計算で算出している。(休日制度の改正への対応が辛い。)
(2008/03/17 追加)
ProtoCalendar
prototype.jsベース。
見た目を簡単にカスタマイズできる。
年月を選択リストから選択できるのが便利。
祝日は計算で算出している。(休日制度の改正への対応が...)
- Spookies Labs
- スプーキーズラボブログ | protocalendar.js (更新履歴や参考情報)
(2010/08/19追加)
jQuery UI Datepickerでもわりと簡単に日本語のカレンダーを表示できる。
参考:floatingdays: jQuery UIの Datepickerで日本語のカレンダーを表示する方法
0 件のコメント:
コメントを投稿