前の記事 ≪：キーボードでアイテムやページの送り・戻しを簡単に実装できてしま...
次の記事 ≫：iPhoneのアイコンっぽいフリーのソーシャルメディアアイコン集

何時何分何秒の入力を便利にするjQueryプラグイン「jTimepicker」

2009年10月15日-はてなブックマーク

スポンサード リンク
jTimepicker - Yet another jQuery time picker plugin.

何時何分何秒の入力を便利にするjQueryプラグイン「jTimepicker」。
時計のアイコンを押すと次のような水平バーが現れてスライドさせることで、selectボックスの値が増加・減少するUIです。
標準のselect は縦方向に長くなりがちですが、このUIであれば横にスライドさせて比較的簡単に時間の入力が出来ますね。



必要なJavaScriptとCSSを読み込んだら、$('#timepicker').jtimepicker(); で初期化することが出来ます。

関連エントリ
関連の記事検索：jQuery, UI, JavaScript, カレンダー, plugin
スポンサード リンク

By.KJ : 2009年10月15日 10:05 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)