Kendo UI timepicker：禁用时间值

Question

我是使用Kendo UI时间选择器的新手。 如何禁用时间选择器中的特定值？

PHP（获取时隙的数组）

 $time = $row['Time'];

的HTML

<input id="timepicker" value="10:00 AM" style="width: 100%;" />

JS

$(document).ready(function() {
     // create TimePicker from input HTML element
     $("#timepicker").kendoTimePicker();
});

Answer 1

您可以显式设置值：

$("#timepicker").kendoTimePicker({
    dates: [
        new Date(2000, 10, 10, 10, 0, 0),
        new Date(2000, 10, 10, 10, 30, 0)
    ] //the drop-down list will consist only two entries - "10:00 AM" and "10:30 AM"
});

或者您可以设置最小，最大和间隔。 取决于您的需求。 http://docs.telerik.com/kendo-ui/api/javascript/ui/timepicker#configuration-dates