使⽤layui⽇期控件laydate对开始和结束时间进⾏联动控
制的⽅法
1.在页⾯先引⼊laydate.js⽂件
2.html页⾯控件如下：
<input name="begin_time" id="begin_time" value="${beginTime}" class="Wdate" type="text"/>
<input name="deadline_time" id="deadline_time" value="${deadlineTime}" class="Wdate" type="text"/>
3.html页⾯js代码如下：
//年⽉选择器
elem: '#begin_time'
,type: 'month'
,min: '${minBeginTime}-29'
,max: '${maxBeginTime}-29'
,done: function(value){
$("#deadline_time").remove();
$("#myd").append('<input name="deadline_time" 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){
elem: '#deadline_time'
,type: 'month'
,min:data.minEndTime+'-29'
,max:data.maxEndTime+'-29'
});
}
});
html特效代码时间日期}
});
以上这篇使⽤layui⽇期控件laydate对开始和结束时间进⾏联动控制的⽅法就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。