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