限制日期时间选择器中的时间间隔

Question

我正在使用它来选择日期和时间。该文档没有提到时间选择器，但无论如何它都可以工作。

HTML：

<div class="dateTimePicker">
        <input name="start" type="text" value="">
        <span class="add-on"><i class="time-icon"></i></span>
</div>

JS：

$(".dateTimePicker").datetimepicker({
    pickDate: false,
    pickTime: true,
    useSeconds: false,
    format: 'hh:mm'
});

这一切正常。它显示了一个间隔为1 hour for hours, 3 minutes for minutes and 3 seconds for seconds.

我的目标是将分钟的间隔从 3 更改为 15。目前，分钟选择器显示：00 03 06 etc。我可以将其更改为00 15 30 45. 这甚至是可能的还是有任何其他时间选择器可以给我这种灵活性？

Answer 1

$(".dateTimePicker").datetimepicker({
    step: 15 
});

这是在 jquery datetimepicker 中设置间隔的方式

Answer 2

你需要使用步进，这个页面解释了这一切，http://eonasdan.github.io/bootstrap-datetimepicker/Options/#stepping

$(".dateTimePicker").datetimepicker({
    pickDate: false,
    pickTime: true,
    useSeconds: false,
    format: 'hh:mm',
    stepping: 15 //will change increments to 15m, default is 1m
});

Answer 3

尝试一下Kendo UI TimePicker中的间隔

<input id="timePicker" />
<script>
   $("#timePicker").kendoTimePicker({
      interval: 15
   });