使用layui日期控件laydate对开始和结束时间进行联动控制的方法

Vera ·
更新时间:2024-11-11
· 500 次阅读

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



方法 laydate

需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章