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代码如下:
//年月选择器
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" 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对开始和结束时间进行联动控制的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持亿速云。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。