laydate日期控件如何实现开始和结束时间的联动修改？

本文共计235个文字，预计阅读时间需要1分钟。

1. 在页面中引入laydate.js文件

2.页面中添加如下控件：

- 输入框：name=begin_time style=margin-top:8px;width:130px; id=begin_time value=${beginTime} class=Wdate type=text /> - 输入框：name=deadline_time style=margin-top:8px;width:130px; id=deadline_time value=${deadlineTime} class=Wdate type=text /

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对开始和结束时间进行联动控制的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。