动态修改LayDate的时间选择区间
2018-07-31 本文已影响1251人
十柒年
1.如何动态的修改laydate的时间选择范围。
首先就是把laydate.render给一个变量startDate，然后要修改laydate的时间的事件里加上startDate.config.min里面设置好相应的变量值就行了 ，需要注意一点，这里面的月份需要+1.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript" src="layui/layui.all.js"></script>
<script type="text/javascript" src="layui/lay/modules/laydate.js"></script>
</head>
<body>
<input type="text" id="Time" name="Time" lay-verify="required" autocomplete="off" class="layui-input">
<input type="button" name="" onclick="changedate()" value="改变时间区间">
</body>
</html>
<script>
layui.use('laydate', function () {
var laydate = layui.laydate;
var startDate = laydate.render({//渲染开始时间选择
elem: '#Time'//通过id绑定html中插入的start
, type: 'datetime'
, min: '2018-07-20' //最小值
, max: '2018-07-23'//设置一个默认最大值
});
window.changedate = function () {
startDate.config.min = {
year: '2018',
month: '06', //关键 月份+1
date: '24'
};
startDate.config.max = {
year: '2018',
month: '06', //关键 月份+1
date: '26'
};
}
})
</script>
Study hard and make progress every day.
更多学习资料请关注"爱游戏爱编程"。
爱游戏爱编程.jpg
