Kendo UI DateTimePicker(或类似) - 使文本框无法编辑,但允许通过提供的按钮更改日期/时间

时间:2013-06-05 10:52:21

标签: kendo-ui

我有一个在其中一个输入上使用DateTimePicker的表单。我希望用户能够通过使用KendoUI附加到输入字段右侧的按钮来选择日期/时间,但是我不希望用户在文本字段中自由输入(以节省我必须验证格式或垃圾输入。)

可以在HTML中或通过在DateTimePicker对象上调用readonly方法将.readonly()属性添加到输入中。这使得文本字段不可编辑,但它也可以防止日期/时间选择器上的点击事件被触发。

那么,如何阻止用户手动编辑文本框字段?

提前致谢。

1 个答案:

答案 0 :(得分:3)

是的,您只能设置创建日期选择器的输入的只读属性:

<input id="datepicker">
<script>
$("#datepicker").kendoDatePicker().attr("readonly", true);
</script>

这是一个现场演示:http://jsbin.com/uwayit/1/edit