给layui选择器加个限制这个月及之前的月份都不可用选择,只能选择这个月份后的日期
时间: 2024-05-10 13:19:13 浏览: 7
你可以使用 layui 的日期选择器的 min 属性和 max 属性来实现这个功能。具体步骤如下:
1. 获取当前月份和年份:
```javascript
var now = new Date();
var year = now.getFullYear(); // 获取当前年份
var month = now.getMonth() + 1; // 获取当前月份,注意月份从0开始,需要加上1
```
2. 设置 min 属性和 max 属性:
```javascript
laydate.render({
elem: '#test',
min: year + '-' + month, // 设置最小日期为当前年月
max: '2099-12-31' // 设置最大日期为2099年12月31日
});
```
这样就可以限制选择器只能选择当前月份及之后的日期了。完整代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>限制日期选择器的可选日期范围</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
</head>
<body>
<div class="layui-inline">
<label class="layui-form-label">日期选择器</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="test" placeholder="请选择日期">
</div>
</div>
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>
<script>
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth() + 1;
laydate.render({
elem: '#test',
min: year + '-' + month,
max: '2099-12-31'
});
</script>
</body>
</html>
```