jquery - JQuery - 小时微调器

Question

我需要使用 JQuery 微调器几个小时，所以模板将是：00:00:00:00

目前微调器仅设置为数字。

我该怎么做？

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);
});