pickadateはレスポンシブに対応したモバイルフレンドリーなデートピッカー・タイムピッカーを実装できるjQueryプラグインです。軽量でサクサク動作するのでとても快適です。
pickadate
pickadateの実際のデモは以下のページからチェックできます。
デモでは「Try me…」と書かれたボックスが2つ設置されています。上にあるのが日付を指定するデートピッカー、下にあるのが時間を指定するタイムピッカーになっています。
デートピッカーでは大きめのカレンダーが表示されるのでとても見やすく選択もしやすい印象です。タイムピッカーでは縦長に30分単位で時間を選択できるようになっています。こちらはスクロールしながらシンプルに時間を選べるのでスマホやタブレットなどのモバイルでの操作性はとてもよさそうですね。
また、pickadateはタッチやキーボードによる操作も可能になっているほか、40以上の言語翻訳も付いてきます。
サポートされているブラウザは、すべてのモダンブラウザとIE8+とのこと。ライセンスはMITになります。
というわけで、軽量でレスポンシブに対応したモバイルフレンドリーなデートピッカー・タイムピッカーを実装できるjQueryプラグイン「pickadate」の紹介でした。
pickadateの詳細やダウンロードは、以下のページからどうぞ。