在做项目的时候遇到一个需求就是选择产品的生产日期,后台框架用的是easyui 自然也就用它的datebox了,但是测试说不能选择今天以后的日期(其实也应该这样)搞了半天,找到一些比较合理的解决方案,直接上代码:
对就这一个就行了 等会就可以看到他的强大之处 PS:这里的规则我定义的只是允许选择当前时间及以前的可以选择,你可以制定自己的规则,什么区间呀之类的都可以, easyui中文网上也有相关的demo
然后看到easyui 的datebox的api上有这么一个属性
<!-- 全局日历控件 -->
<div id="sc" class="easyui-calendar" data-options="validator: function(date){return date<=new Date();}"></div>
对就这一个就行了 等会就可以看到他的强大之处 PS:这里的规则我定义的只是允许选择当前时间及以前的可以选择,你可以制定自己的规则,什么区间呀之类的都可以, easyui中文网上也有相关的demo
然后看到easyui 的datebox的api上有这么一个属性
sharedCalendar="#日历控件id"
然后就可以让其他的日期控件共享你这个日历控件(规则也共享了 )
附上一张效果图 (25以后的日期都不能选择)