easyui datebox范围设置日期对比参考 和easyui的datebox怎么禁止手动输入

Posted 2020-10-02

今天的两个问题都是通过百度解决。百度大法好啊，没事多百度多谷歌，程序员自我学习之道！

首先，如何让easyui的开始日期在结束日期之前。有2个datebox，一个是开始日期，一个结束日期，结束日期要大于开始日期，那么需要自己写逻辑代码来实现，不能控制datebox的选择范围，只能重置。

代码：

<script>
        function onSelect(d) {
        var issd = this.id == ‘sd‘, sd = issd ? d : new Date($(‘#sd‘).datebox(‘getValue‘)), ed = issd ? new Date($(‘#ed‘).datebox(‘getValue‘)) : d;
            if (ed < sd) {
                alert(‘结束日期小于开始日期‘);
                //只要选择了日期，不管是开始或者结束都对比一下，如果结束小于开始，则清空结束日期的值并弹出日历选择框
                $(‘#ed‘).datebox(‘setValue‘, ‘‘).datebox(‘showPanel‘);
            }
        }
 </script>
开始日期：<input class="easyui-datebox" id="sd" data-options="onSelect:onSelect" />
结束日期：<input class="easyui-datebox" id="ed" data-options="onSelect:onSelect" />

 

第二，怎么让easyui的datebox怎么禁止手动输入，也就是日期只能通过小日历选择，不能自己手动输入。（手动输入的话在后头查找的时候可能会因为日期格式不对而查不到结果）。

刚开始是想着在用readonly=“TRUE”解决，可是加上这句话之后，小日历也没办法显示了。

解决办法：

$(‘#time‘).datebox({
editable:false
});

#time是文本框盒子的id。