Layui 日期范围选择器：如何限制第二个日期晚于第一个
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>限定日期范围选择器</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.css">
</head>
<body>
<div class="layui-form-item">
<label class="layui-form-label">开始日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="start">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">结束日期</label>
<div class="layui-input-block">
<input type="text" class="layui-input" id="end">
</div>
</div>
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script>
<script>
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#start',
range: true, //开启日期范围选择
done: function(value, date){
// 选择开始日期后，限定结束日期的最小值
var endDate = date.month+'-'+date.date;
if (date.month < 10) {
endDate = '0' + endDate;
}
laydate.render({
elem: '#end',
min: endDate
});
}
});
//执行一个laydate实例
laydate.render({
elem: '#end',
range: true //开启日期范围选择
});
});
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/pKcq 著作权归作者所有。请勿转载和采集!