剑道UI时间选择器:禁用时间值

Kendo UI timepicker: disabled time values

本文关键字：时间 选择器 UI 剑道      更新时间：2023-09-26

我刚开始使用剑道UI时间选择器。如何禁用时间选择器中的特定值?

 $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();
});

您可以显式设置这些值:

$("#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"
});

或者可以设置min, Max和interval。这取决于你需要什么。http://docs.telerik.com/kendo-ui/api/javascript/ui/timepicker configuration-dates

相关文章：