ホームページ制作WEBデザインに役立つ情報

ホームページ制作には大抵付き物のフォーム、
予約フォームの日付選択をカレンダーから選択できると、
直感的に選択もでき、利便性が上がりますよね。

そこで、フォームの日付入力補助のカレンダー機能をいくつか試してみましたが、
jQuery datePicker というものがカスタマイズしやすくて便利でしたー。

inputタグはもちろんのこと、selectタグにも使え、
日付選択できる期間も、遡っての誤選択を防ぐため、
当日から2年後の何日まで、とかスタートとエンドを設定できるので、
予約フォームにも使いやすいです。

ポップアップも埋め込みもできるのと、
1ヶ月分のカレンダーだけでなく、
2ヶ月先までの3ヶ月分も同時に表示できたりするので、
カスタマイズ性も十分備わってます。

[datePicker] jQuery date picker plug-in

http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/

基本的なことだと思いますが、ファイルの文字コードにご注意を。
設置時、正しく設置しているはずなのに動かないなぁ…
と思っていたら、ダウンロードしたデータはUTF-8で、ページ自体がShift_JISでした…

普段UTF-8で制作しているので盲点でした…
ページはフォームシステムの関係で文字コード変えられなかったので、
ダウンロードした各datePickerファイルだけでなく、
jQueryもShift_JISに変更したら問題なく動作しました…
わかっている人には、何やってんの、と思われそうですが、
備忘録として残しておきまーす。