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