动态设置input输入框date类型限制选择最小日期
时间: 2024-01-17 14:06:05 浏览: 226
Element Input输入框的使用方法
5星 · 资源好评率100%
可以使用JavaScript来动态设置input输入框的最小日期,具体代码如下:
```
// 获取input元素
var input = document.getElementById("date-input");
// 获取当前日期并将其格式化为yyyy-MM-dd
var currentDate = new Date();
var year = currentDate.getFullYear();
var month = (currentDate.getMonth() + 1).toString().padStart(2, '0');
var day = currentDate.getDate().toString().padStart(2, '0');
var minDate = year + "-" + month + "-" + day;
// 设置最小日期
input.setAttribute("min", minDate);
```
在这段代码中,首先通过`document.getElementById()`方法获取到要设置的input元素。然后获取当前日期并将其格式化为yyyy-MM-dd的字符串格式。接着,使用`setAttribute()`方法将最小日期设置为刚才获取到的日期字符串。
需要注意的是,这个代码片段中的id属性值应该和你的input元素的id属性值相同,否则无法正确获取到该元素。
阅读全文