前の記事 ≪:AppleっぽいUIが秀逸なイメージスライドショー実装jQueryプラグイン「Avia...
次の記事 ≫:2010年5月31日 管理人のブックマーク

何時何分を入力してもらう際に便利に使えるjQueryプラグイン「Timebox」

2010年05月31日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
PowerHour Development Blog jQuery Timebox Plugin

何時何分を入力してもらう際に便利に使えるjQueryプラグイン「Timebox」。
<input type="text">な要素の中に何時何分というのを直接入れてもらう場合に使えます。

例えば、16 を入力すると、16:00 に変換され、152 と入力すると 1:52 として解釈され、テキストボックスの内容が自動で置換されます。
意味のないアルファベットなどを入れると 00:00 に変換されます。変換例は次の通り



初期化方法は、次のように $(element).timebox() で初期化するだけです。

<input id="myTimebox" class="timebox" type="text" />
<script>
$('input.timebox').timebox();
</script>

何時にするか、というインタフェースはマウスやキーボードを使った方法で、色々と考えられますが、これならキーボードベースが好きな訪問者にとっては入力しやすいものになってますね。
スケジュールアプリなんかの利用頻度の高いアプリなんかに組み込んでみると入力の面倒さを削減できるかもしれませんね。

関連エントリ
関連の記事検索:jQuery, プラグイン
スポンサード リンク

By.KJ : 2010年05月31日 11:03 livedoor Readerで購読 Twitterに投稿

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