Knockout Kendo TimePicker 禁用用户文本输入答案

【问题标题】：Knockout Kendo TimePicker disable user text inputKnockout Kendo TimePicker 禁用用户文本输入
【发布时间】：2014-09-08 11:38:28
【问题描述】：

如何在 Kendo UI TimePicker 中使用 knockout-kendo 绑定禁用用户文本输入？

在我的 non 淘汰剑道项目中，我设法使用 (jsfiddle example here)：

$('#timepicker').attr('disabled', 'disabled');  //disable user text input

这样控制下拉菜单处于活动状态，用户可以选择时间值，但不能在框中输入，这正是我想要的。

现在我正在使用淘汰赛剑道绑定，但我找不到任何禁用用户文本输入的选项。 (jsfiddle knockout-kendo example here)。有没有办法做到这一点？

【问题讨论】：

标签： javascript jquery html knockout.js kendo-ui

【解决方案1】：

您可以在#timepicker 上使用“启用”绑定：

<input id="timepicker" 
       data-bind="kendoTimePicker: { value: startTime, format: 'HH:mm' },
       enable: false" />

演示：JSFiddle.

【讨论】：

TimePicker 小部件不支持启用绑定

【解决方案2】：

绑定支持enabled 选项，您可以将其绑定到布尔可观察对象。

类似：

<input data-bind="checked: isStartTimeEnabled" type="checkbox" />
<input id="timepicker" data-bind="kendoTimePicker: { value: startTime, format: 'HH:mm', enabled: isStartTimeEnabled }" />

示例：http://jsfiddle.net/rniemeyer/R5NxJ/

【讨论】：

当 enabled 为 false 时，整个控件被禁用。我希望启用控件，但我不希望用户能够在文本框中输入内容
如果您不想禁用整个功能，那么@manji 使用enable 绑定的建议是明智的。