時刻入力用のspinnerです。時分のみ入力します。秒も入力したい場合は追加コードが必要です。 jQuery UI の spinnerをカスタマイズしたものですので、jQueryとjQuery 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に置いていますので、ご自由にどうぞ。