KendoUI TimePicker

Question

我使用的是Kendo UI，但是时间选择器没有显示一个值，而是有一个值。

我正在使用ASP MVC 4并将传递的模型数据加载到视图中。所有数据都在模型中。但出于某种原因，我不能解释实际的UI没有显示时间。

超文本标记语言中的代码-视图绑定模型到KendoUI：

@Html.LabelFor(model => model.StartTime)
                            @(Html.Kendo().TimePickerFor(model => model.StartTime)
                                .Events(e => e.Change("startChange"))
                            )
 @Html.LabelFor(model => model.EndTime)
                        @Html.Kendo().TimePickerFor(model => model.EndTime)

​

​

JS:对于startChange

function startChange() {
    var startTime = this.value(),
        endPicker = $("#EndTime").data("kendoTimePicker");

    if (startTime) {
        startTime = new Date(startTime);

        endPicker.max(startTime);
        startTime.setMinutes(startTime.getMinutes() + this.options.interval);
        endPicker.min(startTime);
        startTime.setMinutes(startTime.getMinutes() + 450);
        endPicker.value(startTime);
    }
}

Answer 1

首先您需要选择时间值，然后它将与您的模型绑定，然后尝试执行以下操作:使用.text()或.val()

endPicker = $("#EndTime").data("kendoTimePicker").text();