KendoUI TimePicker

时间:2017-05-16 17:47:54

标签: kendo-ui kendo-ui-mvc

我使用的是Kendo UI,时间选择器没有显示值也有值。

我使用ASP MVC 4并将模型数据加载到视图中。所有数据都在模型中..但由于某种原因我无法解释实际用户界面没有显示时间。

HTML-View绑定模型中的代码到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)

enter image description here

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

1 个答案:

答案 0 :(得分:0)

首先你需要选择时间值,然后它会与你的模型绑定, 然后尝试:使用 .text() .val()

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