如何更改Kendo TimePicker的禁用属性？

Question

我的mvc应用程序需要一些帮助。

我正在使用以下代码创建Kendo TimePicker。

@(Html.Kendo().TimePicker().Name("FirstShiftFrom" + prop.PropertyName.Substring(0, 3))
                           .HtmlAttributes(new { @class = "workHoursTimePicker " + prop.PropertyName ,@disabled = "disabled" ,style="width:85px"})

如何启用此控件？

我已经在js中尝试过了：

document.get.Element.By.Id("id").disabled = false;

但它不起作用！

Answer 1

可以使用Kendo Time picker小部件的Enable方法，而不是使用HTML disabled属性来禁用Kendo Time picker。

例如

@(Html.Kendo().TimePicker().Name("FirstShiftFrom" + prop.PropertyName.Substring(0, 3))
                       .HtmlAttributes(new { @class = "workHoursTimePicker " + prop.PropertyName, style = "width:85px" })
                       .Enable(false))

这将禁用时间选择器，并在javascript中启用它：

$("#TimePickerId").data("kendoTimePicker").enable(true);

希望这可以帮助！