javascript - Kendo UI 时间选择器 : disabled time values

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