在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