去年の8月頃から作ってるシステムが来月リリース予定ってことで、後回しにしてた画面周りの微調整をしてるのですが、デートピッカー(カレンダーから日付を選択するUI)もその1つで後で jQuery のプラグインの中から適当にチョイスすればいいやと思っていました。 で、いざいろいろ調べだすと機能過多だったり動きがもっさりしてたりとで、なかなか欲しいのが見つかりません。 これならシンプルなやつを自前で作ったほうが早いかなってことでサクっと作ってみました。 サンプルページ デザイン構造 基本、デザインは CSS のみでカスタマイズできるようにしたいので、JavaScript では サイズ等の設定は行わずクラス名等の割り当てまでとします。 カレンダーといえばテーブルを使うのがセオリーっぽいですが、実用性を重視して「 float:leftな日付 BOX の流し込み 」方式にしてみました。 イメージ的には以