銀の弾丸

プログラミングに関して、いろいろ書き残していければと思っております。

時刻入力スピンボタン

時刻入力用のspinnerです。時分のみ入力します。秒も入力したい場合は追加コードが必要です。 jQuery UI の spinnerをカスタマイズしたものですので、jQueryjQuery UIが必要です。

timespinner:

ウィジェットの値としてはシーケンシャルな分の値になってるのかな。 でもテキストボックスの値としては、hh:mm形式の文字列のはず。

文字入力もできてしまうので、入力チェックは別途必要。


サンプルHTML

<input type="text" name="currentTime" value='09:00'/>
<script type="text/javascript">
$(function() {
    $( "input[name='currentTime']" ).timespinner();
});
</script>

ウィジェットの定義

timespinnerの定義は以下。

Gistに置いていますので、ご自由にどうぞ。