よく、誕生日の入力などでドロップダウンリストから選ばせるものがあるが、あれほど入力が面倒なものはないと思っている。テキストボックスにそのまま数字で入れた方がよっぽども手軽だ。

ピクチャ 4-12

とは言え、入力チェックやユーザビリティを考えるとそれもお勧めはできない。手軽で、さらに正確な入力が促せる方法としてこれをお勧めしたい。

今回紹介するオープンソース・ソフトウェアはprotocalendar.js、prototype.jsベースのカレンダー入力ライブラリだ。

protocalendar.jsはテキストボックスにフォーカスが当たるとカレンダーが表示されるライブラリだ。良くあるものだが、prototype.jsベースなのと、何より日本製というのが特徴だ。
ピクチャ 5-5

日本製の嬉しい点としては、休日に対応している点だろう。ハッピーマンデーにも対応しているので、数年後の休日も表示されるのが素晴らしい。

さらに多言語対応により、ドイツ語やイタリア語をはじめ16種類の言語で表示ができる。日付選択後の年月日表示や曜日表示も各種言語にローカライズされている。
ピクチャ 6-6

テーマ機能や、イフェクト対応(現状はAppearのみ)、月曜日を週の頭にするといった細かなカスタマイズもできるようになっている。一画面に複数設置もできるので、利用範囲は大きそうだ。もちろん、クロスブラウザ対応(IE6+/Firefox 2+/Safari 2+/Opera 9+)だ。日付選択の入力を作成する際には利用を検討されたい。

Spookies Labs | シンプルな日付選択用ライブラリ「** protocalendar.js ****」を公開しました**
 http://labs.spookies.co.jp/2007/11/20/protocalendar-js-10-relese/