在DateTime Picker中限制时间间隔

Question

我使用this来选择日期和时间。该文档没有提及时间选择器，但它无论如何起作用。

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

在The Kendo UI TimePicker

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

Answer 2

试试这个区间既然你正在寻找一个引导符合timepicker库，我建议bootstrap-timepicker库支持的时间范围和步进功能。

样本将基于源代码：

$(".dateTimePicker").timepicker({({ 
    secondStep: 30, // "minuteStep" is also an alternative option 
    showSeconds: true 
}); 

Answer 3

您需要使用步进，该页面可以解释这一切，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 4

$(".dateTimePicker").datetimepicker({ 
    . 
    . 
    "stepMinute" : 5 //Will Change Minute Interval as 00, 05, 10 ... 55 
    . 
    . 
}); 

Answer 5

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

这是如何在jQuery中设置时间间隔datetimepicker