我有一个在其中一个输入上使用DateTimePicker的表单。我希望用户能够通过使用KendoUI附加到输入字段右侧的按钮来选择日期/时间,但是我不希望用户在文本字段中自由输入(以节省我必须验证格式或垃圾输入。)
可以在HTML中或通过在DateTimePicker对象上调用readonly
方法将.readonly()
属性添加到输入中。这使得文本字段不可编辑,但它也可以防止日期/时间选择器上的点击事件被触发。
那么,如何阻止用户手动编辑文本框字段?
提前致谢。
答案 0 :(得分:3)
是的,您只能设置创建日期选择器的输入的只读属性:
<input id="datepicker">
<script>
$("#datepicker").kendoDatePicker().attr("readonly", true);
</script>
这是一个现场演示:http://jsbin.com/uwayit/1/edit