Kendo UI Timepicker自定义间隔格式
Kendo UI Timepicker自定义间隔格式
提问于 2013-02-01 00:09:43
我要用kendoTimePicker做的是在晚上11:30之前的所有时间有30分钟的间隔，但在11:30之后显示所有随后的时间，直到12AM的分钟间隔。不确定此控件是否支持它。
基本上看起来像这样的东西：
晚上10:30
晚上11:00
晚上11:30
晚上11:31
晚上11:32
晚上11:33
..etc
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-02-01 04:29:44
我能想到的唯一方法就是在下拉列表中手动更改时间列表。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...或者从一个完全填充的列表开始，只删除您不需要的列表。无论采用哪种方法，您都可以通过使用jQuery编辑<ul>来操作该列表。
Stack Overflow用户
发布于 2013-02-01 22:45:26
另一种选择是将时间列表定义为Date对象。检查dates option。每个timepicker都有timeView属性，它实际上是popup元素。此对象有一个dataBind方法，该方法接受Date对象的列表：
var timeView = $("#timepicker").data("kendoTimePicker").timeView;
//bind list
timeView.dataBind([new Date()]);您可以使用此方法动态更新可用时间列表。
但是，您始终可以修改UL元素，就像CodingWithSpike建议的那样。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14630096
复制相关文章
相似问题
腾讯云开发者
