解决EasyUI DateBox、DatetimeBox控件只读的三种方法

jQuery EasyUI 官方英文文档

jQuery EasyUI 中文文档

　　解决问题需要明白原理。从文档中可以知道，DatetimeBox是继承自DateBox，而DateBox是继承自Combo。正好Combo里面有一个属性editable，就是定义用户是否可以往文本域中直接输入文字。默认值是true，允许用户往文本域中直接输入文字。

　　明白了原理，下面就直接上解决方法。

　　方法一：从标记里去设置，添加（data-options="editable:false"）属性设置即可。

　　　<input id="startTime" type="text" class="easyui-datetimebox" data-options="editable:false">

　　方法二：使用javascript设置，有两种方式：

　　　　１．使用easyui的方法去设置（推荐）　　　　

　　　　　　$(function () {
    　　　　　　$("#endTime").datetimebox({ editable: false });
　　　　　　})

　　　　２．不推荐使用这种方法

　　　　　　$(function () {

　　　　　　　$(".datebox :text").attr("readonly", "readonly");
　　　　　　})