EasyUi 日历组件 datebox 开始时间与结束时间限制
2015-07-31 12:00
537 查看
说明:只有选了开始日期才能选择结束日期,当选择了结束日期又重新选择了开始日期,则需要重新选择结束日期。
<input id="startdate" class="easyui-datebox" name="startdate" data-options="prompt:'请选择开始日期',editable:false,required:'true',onSelect:onSelect"> <input id="enddate" class="easyui-datebox" name="enddate" data-options="prompt:'请选择结束日期',editable:false,required:'true',disabled:true,validType:'equaldDate[\'#startdate\']'">
<script> function onSelect(date){ //开始日期选择时触发 $('#enddate').datebox('enable'); //启用结束日期控件 $('#enddate').datebox('reset') //重置结束日期的值 }; $.extend($.fn.validatebox.defaults.rules, { equaldDate: { validator: function(value, param){ var d1 = $(param[0]).datetimebox('getValue'); //获取开始时间 return value >=d1; //有效范围为大于开始时间的日期 }, message: '结束日期不能早于开始日期!' } }) </script>
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- jQuery寻找n以内完全数的方法
- 浅谈jQuery.easyui的datebox格式化时间
- 推荐10个2014年最佳的jQuery视频插件
- 爆炸式的JS圆形浮动菜单特效代码
- js select常用操作控制代码
- 采用easyui tree编写简单角色权限代码的方法
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- PHP VBS JS 函数 对照表
- PHP+JS实现大规模数据提交的方法