サイトアイコン たまプラ通信

新館「写真館」を日付指定できるようにする

祝日なのに、「新館」の話で恐縮です(何の関係もない)。最近、「新館」の「写真館」に昔の写真などを登録して、「新着情報」などに書いていますが、その古い写真を見るためにどうすればいい?というあたりが抜け落ちていました。でしたら、日付を選べるようにして、その日の写真だけ表示できるようにしてしまえと、作業したわけです。

ひとつは、日付によるフィルタ機能ですが、単純に日付で条件検索すればよいというわけでもなく、結構面倒です。でもそのおかげで、ASP.NETの(正確には.NET Frameworkの)DateTime構造体の使い方に慣れました。

もう一つは、上の画面のように、カレンダーから日付を選ぶ機能です。ASP.NETにはカレンダーコントロールというものがあり、そこから日付を選ぶことができますが、サーバコントロールですので、月の切り替えにも画面遷移を伴い、非常に使い勝手が悪いことが予想されます。

そこで、jQuery UIにあるDatePicker機能を使うことにしました。適当なテキストボックスを作り、そこにクラスかIDを指定して、$(‘.calender’).datepicker();とかすればOKです。わざわざコードをここに示す必要もないほどのシンプルさです。ちなみに、私は日本語化しました。

ということで、昔の写真がアップロードされたなと思いましたら、その日付を指定していただければその日だけの写真をご覧にいただけます。

仕事とこれに明け暮れた勤労感謝の日でありました。

モバイルバージョンを終了