我希望用 kendoTimePicker 做的事情是在晚上 11:30 之前的所有时间间隔为 30 分钟,但在 11:30 之后以分钟间隔显示截至上午 12 点的所有后续时间。不确定该控件是否支持。
基本上希望有这样的东西:
晚上10:30
晚上11:00
晚上11:30
晚上11:31
晚上11:32
晚上11:33
..等等
最佳答案
我能想到的唯一方法是手动更改下拉列表中的时间列表。 Kendo 只是动态添加 <ul>
到显示为弹出窗口的页面,以便您可以自己清除并重建列表。
类似于:
<input id="timepicker" />
$("#timepicker").kendoTimePicker();
var listOfTimes = $("#timepicker_timeview");
// remove all existing <li> elements
listOfTimes.empty();
// add the times you want...
listOfTimes.append('<li tabindex="-1" role="option" class="k-item" unselectable="on">12:00 PM</li>');
listOfTimes.append('<li tabindex="-1" role="option" class="k-item" unselectable="on">12:01 PM</li>');
listOfTimes.append('<li tabindex="-1" role="option" class="k-item" unselectable="on">12:02 PM</li>');
// ...etc...
或者从一个完整填充的列表开始,然后删除您不需要的列表。无论哪种方式,您都可以通过编辑 <ul>
来操作列表。使用 jQuery。
关于kendo-ui - Kendo UI Timepicker 自定义间隔格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14630096/