何時何分を入力してもらう際に便利に使えるjQueryプラグイン「Timebox」
2010年05月31日-
スポンサード リンク
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プラグイン「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>
何時にするか、というインタフェースはマウスやキーボードを使った方法で、色々と考えられますが、これならキーボードベースが好きな訪問者にとっては入力しやすいものになってますね。
スケジュールアプリなんかの利用頻度の高いアプリなんかに組み込んでみると入力の面倒さを削減できるかもしれませんね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ