关于easyui datebox的记录

在做项目的时候遇到一个需求就是选择产品的生产日期,后台框架用的是easyui 自然也就用它的datebox了,但是测试说不能选择今天以后的日期(其实也应该这样)搞了半天,找到一些比较合理的解决方案,直接上代码:
<!-- 全局日历控件 -->
  <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以后的日期都不能选择)
关于easyui datebox的记录_第1张图片

你可能感兴趣的:(easyui,datebox)