使用layui日期控件laydate对开始和结束时间进行联动控制的方法
2019-09-06 18:10
1741 查看
1.在页面先引入laydate.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' }); } }); } });
以上这篇使用layui日期控件laydate对开始和结束时间进行联动控制的方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 使用layui日期控件laydate对开始和结束时间进行联动控制
- java方法,返回两个日期内的所有date集合,根据开始时间、结束时间得到两个时间段内所有的日期
- 使用truelicense进行Java程序license控制 经过扩张可以验证license 开始结束日期,验证绑定给定mac地址
- laydate 插件 基本使用及开始及结束时间限制
- bootstrap-datepicker限定可选时间范围 一、应用场景 实际应用中可能会根据日期字段查询某个日期范围内的数据,则需要对日期选择器可选时间进行限制, 如:开始时间不能大于结束时间,
- bootstrap-datepicker关于开始时间小于结束时间且都大于当前时间的控制
- java方法,返回两个日期内的所有date集合,根据开始时间、结束时间得到两个时间段内所有的日期
- 时间选择框(My97控件)控制结束时间大于开始时间的方法
- 使用Eclipse进行Java开发,用SVN进行版本控制时的异常解决方法
- 数据库中包含开始时间、结束时间,并且查询条件也有开始时间、结束时间的查询方法
- My97DatePicker:开始时间和结束时间的最大间隔为1个月30天,并且不大于当前时间(3种方法)
- 用电脑控制手机,就像运行超级终端的方法,使用的是LINUX命令 可进行手机调试等
- My97DatePicker控制开始时间和结束时间区间
- 使用Calendar获取DAY_OF_WEEK本周开始和结束的时间戳
- WdatePicker插件来实现开始和结束时间选择范围控制
- IOS--UIDatePicker 时间选择器 的使用方法详细
- easyUI中使用datatimebox选定开始日期时间后自动带出7天之后的结束日期时间
- My97DatePicker:开始时间和结束时间的最大间隔为1个月30天,并且不大于当前时间(3种方法)
- Date获得当前时间,后获得年月日的方法,已经不在被经常使用,需要更新了
- Java使用DateFormatter格式化日期时间的方法示例