700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 【小5聊】layui基础之时间控件开始时间和结束时间的控制 结束时间不能小于开始时间

【小5聊】layui基础之时间控件开始时间和结束时间的控制 结束时间不能小于开始时间

时间:2022-11-10 20:13:02

相关推荐

【小5聊】layui基础之时间控件开始时间和结束时间的控制 结束时间不能小于开始时间

1、结束时间不能小于开始时间,开始时间不能大于结束时间

<div class="commonTimeDiv"></div><div class="commonTimeDiv"></div>var startTime='-12-01';var endTime='-12-17';function sTime() {$(".commonTimeDiv").eq(0).html('<input type="text" name="startTime" id="startTime" placeholder="请选择开始日期范围" autocomplete="off" class="layui-input">');layui.laydate.render({value: startTime,elem: '#startTime',max: endTime,//默认最大值为当前日期trigger: 'click', // 事件类型theme: '#0aadff',done: function (value, date, endDate) {startTime = value;eTime();}});}function eTime() {$(".commonTimeDiv").eq(1).html('<input type="text" name="endTime" id="endTime" placeholder="请选择结束日期范围" autocomplete="off" class="layui-input">');layui.laydate.render({value: endTime,elem: '#endTime',min: startTime,trigger: 'click', // 事件类型theme: '#0aadff',done: function (value, date, endDate) {endTime = value;sTime();}});}

2、效果

【小5聊】layui基础之时间控件开始时间和结束时间的控制 结束时间不能小于开始时间 开始时间不能大于结束时间

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。