您的位置:首页 > 产品设计 > UI/UE

使用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
相关文章推荐