使用layui日期控件laydate对开始和结束时间进行联动控制
2017-12-01 17:43
591 查看
1.在页面先引入laydate.js文件
2.html页面控件如下:
3.html页面js代码如下:
2.html页面控件如下:
<input name="begin_time" style="margin-top:8px;width:130px;" id="begin_time" value="${beginTime}" class="Wdate" type="text"/> <input name="deadline_time" style="margin-top:8px;width:130px;" id="deadline_time" value="${deadlineTime}" class="Wdate" type="text"/>
3.html页面js代码如下:
//年月选择器 laydate.render({ elem: '#begin_time' ,type: 'month' ,min: '${minBeginTime}-29' ,max: '${maxBeginTime}-29' ,done: function(value){ $("#deadline_time").remove(); $("#myd").append('<input name="deadline_time" style="margin-top:8px;width:130px;" id="deadline_time" class="Wdate" type="text"/>'); $("#deadline_time").val(value); $.ajax({ url:'reportYearMonth/getMaxMinEndTime.json', data:{minTime:value}, type:'post', dataType:'json', success:function(data){ laydate.render({ elem: '#deadline_time' ,type: 'month' ,min:data.minEndTime+'-29' ,max:data.maxEndTime+'-29' }); } }); } });
相关文章推荐
- bootstrap-datepicker限定可选时间范围 一、应用场景 实际应用中可能会根据日期字段查询某个日期范围内的数据,则需要对日期选择器可选时间进行限制, 如:开始时间不能大于结束时间,
- laydate 插件 基本使用及开始及结束时间限制
- 使用truelicense进行Java程序license控制 经过扩张可以验证license 开始结束日期,验证绑定给定mac地址
- java方法,返回两个日期内的所有date集合,根据开始时间、结束时间得到两个时间段内所有的日期
- NetAdvantage asp.net ——使用WebDateChooser在客户端验证开始日期与结束日期
- My97DatePicker控制开始时间和结束时间区间
- Shell使用date对输入时间进行加减
- Linux下使用ntpdate进行时间同步
- 使用Jquery validation组件对easyui-datebox组件的时间进行验证遇到的问题
- myDatePinker设置开始时间不能大于结束时间
- oracle按开始时间和结束时间进行数据拆分的自定义函数
- easyUI中使用datatimebox选定开始日期时间后自动带出7天之后的结束日期时间
- 使用Git进行版本控制:(2)在OS X系统上开始使用Git代码仓储
- EasyUi 日历组件 datebox 开始时间与结束时间限制
- Extjs2.2 开始时间,结束时间,工期 联动(选二补一),包含日期,天数的互转
- WebDateChooser 检测开始时间,结束时间合法性
- datepicker,结束时间必须大于开始时间
- 使用java的Calendar对象获得当前日期的上几个度开始、结束时间
- 使用rdate进行时间同步
- 使用Jquery EasyUI中DateTimeBox控件设置考试开始结束时间,并对其验证