EasyUi 日历组件 datebox 开始时间与结束时间限制高级版
来源:互联网 发布:大连软件学校 编辑:程序博客网 时间:2024/06/05 21:11
说明:只有选了开始日期才能选择结束日期,当选择了结束日期又重新选择了开始日期,则需要重新选择结束日期。结束日期只能选择开始时间后的日期。例如开始时间为:2015-07-15,那么结束时间只能选择 2015-07-15至当前系统时间。(简单版请参考:http://blog.csdn.net/meguoe/article/details/47168179
<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\']'">
<pre class="javascript" name="code"><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: '结束日期不能早于开始日期!'}});$(function(){//只能选择今日前365天的日期$('#startdate').datebox('calendar').calendar({validator: function(date){var now = new Date();var d1 = new Date(now.getFullYear(), now.getMonth(), now.getDate());var d2 = new Date(now.getFullYear(), now.getMonth(), now.getDate()-365);return d1>=date && date>=d2;}});//只能选择startdate至当前系统时间的日期。$('#enddate').datebox('calendar').calendar({validator: function(date){var now = new Date();var d1 = new Date(now.getFullYear(), now.getMonth(), now.getDate());var d2 = $('#startdate').datebox('getValue'); // var d2 = "2015-07-30"; //如果指定了一个日期一切正常var d3 = new Date(Date.parse(d2.replace(/-/g,"/"))); //需要切换一下其他月才能生效(需要修复一下)return d1>=date && date>=d3;}});});</script>
1 0
- EasyUi 日历组件 datebox 开始时间与结束时间限制高级版
- EasyUi 日历组件 datebox 开始时间与结束时间限制
- jquery easyUI组件easyui-datebox限制时间范围
- easyui的时间组件Datebox使用
- EasyUI--datebox设置默认时间
- jquery easyui datebox 时间格式化
- 开始日期与结束日期(easyui的日期easyui-datebox)错误
- 开始时间与结束时间格式判断
- jquery easyui 对于开始时间小于结束时间的判断
- EasyUI 开始时间小于结束时间和tooptip
- easyui 日期框,结束时间大于开始时间
- JS实现限制开始时间小于结束时间
- 使用Jquery validation组件对easyui-datebox组件的时间进行验证遇到的问题
- EasyUI--datebox设置默认时间【dateTimeBox类似】
- Easyui Datebox设置可选时间范围
- Easyui Datebox设置可选时间范围
- 【Js】easyUI时间控件datebox计算时间差
- laydate 插件 基本使用及开始及结束时间限制
- contentProvider_内容提供者
- Linux下安装FTP服务器及配置
- 事件总线EventBus(一) GitHub简介
- HDU 1878.欧拉回路【欧拉路及欧拉回路初接触】【8月2】
- UCGUI Deom程序使用vs2010编译提示找不到libc.lib
- EasyUi 日历组件 datebox 开始时间与结束时间限制高级版
- 深入理解JavaScript之---(JavaScript的编译过程)
- CSS 列表属性允许你放置、改变列表项标志,或者将图像作为列表项标志。
- 笔记——float型数据的int引用
- 模拟-POJ-3087-Shuffle'm up
- 操作符(operator)
- 深入理解拉格朗日乘子法(Lagrange Multiplier) 和KKT条件
- equals()方法和“==”的区别
- MATLAB 归一化 函数用法以及实例