码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-08-10 20:55:22      阅读:317      评论:0      收藏:0      [点我收藏+]

标签:data   UI   note   程序   iss   bsp   nbsp   查找   class   

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

首先,如何让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。

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

标签:data   UI   note   程序   iss   bsp   nbsp   查找   class   

原文地址:http://www.cnblogs.com/rsnowing/p/7340964.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!