Kendo UI MVC DateTimePicker：自定义时间列表？答案

【问题标题】：Kendo UI MVC DateTimePicker: Custimize Time List?Kendo UI MVC DateTimePicker：自定义时间列表？
【发布时间】：2016-06-15 00:57:34
【问题描述】：

我正在使用 Kendo UI MVC DateTimePicker。默认情况下，时间显示为列表：

上午 12:00 上午 12:30 ... 晚上 11:30 中午 12:00

是否可以自定义此列表？工作时间为上午 8:00 - 下午 4:00。让列表从早上 8 点开始到下午 4 点更有意义。

找不到任何有关此的信息/问题。

谢谢

*** 我在计划模板中使用 DateTimePicker。它映射到模型中的 model.start。所以，必须使用 DateTimePicker

【问题讨论】：

标签： asp.net-mvc kendo-ui

【解决方案1】：

您不能使用 DateTimePicker。但是，您可以同时使用 DatePicker 和 TimePicker，并限制时间范围。

Documentation

@(Html.Kendo().DatePicker()
        .Name("StartDate"))

@(Html.Kendo().TimePicker()
        .Name("StartTime")
        .Min("8:00 AM")
        .Max("4:00 PM"))

【讨论】：

谢谢。但是，我在计划模板中使用 DateTimePicker。它映射到模型中的一个属性。所以，必须使用 DateTimePicker

【解决方案2】：

得到了剑道支持的回答：

您可以使用调度程序的“编辑”事件来更新编辑器内 dateTimePickers 的选项。演示在http://dojo.telerik.com/UzicU/2

edit: function(e) {
    e.container.find("[data-role=datetimepicker]").each(function() {
        var dtp = $(this).getKendoDateTimePicker();

        dtp.timeView.setOptions({
            min: new Date(2011, 1, 1, 8, 0, 0),
            max: new Date(2011, 1, 1, 16, 0, 0)
        });
    });
},

希望对你有帮助。

【讨论】：