jquery - JQuery-アワースピナー

Question

テンプレートが00:00:00:00になるように、JQueryスピナーを何時間も使用する必要があります

現在、スピナーは数字に対してのみ設定されています。

どうすればいいですか？

Answer 1

最も簡単な解決策は、数字ごとにスピナーを用意することです。ここでデモをセットアップしました。

HTML

<div class="demo">
 <p>
  <label for="amount">Set the time (hh:mm:ss:fr):</label>
  <input class="time hour" name="hour" value="0" />
  <input class="time min" name="min" value="0" />
  <input class="time sec" name="sec" value="0" />
  <input class="time frames" name="frames" value="0" />
 </p>
</div>

脚本

$(function() {
 $(".time").spinner({
  min: 0,
  max: 59,
  step: 1,
  start: 0,
  precision: 0,
  width: '2em'
 });    
 $(".hour").spinner('option','max', 23);
 $(".frames").spinner('option', 'max', 100);
});