日期输入类型的最小属性不接受 javascript 中的变量值

Question

我有以下 html 代码，仅接受大于或等于香草 javascript 当前日期的日期。但是由于某种原因，它似乎不接受 html 文件的 <script> 标记中的 minDate 值。

<body>
<form>
    <td><label for="Ride_Start_Date">Ride Start Date</label></td>
    <td><input type = "date" id="Ride_Start_Date" name="Ride_Start_Date"></td>
    <td><button type="submit" class="submit">Submit Query</button></td>
</form>
<script>
var todayDate = new Date();
var month = todayDate.getMonth(); 
var year = todayDate.getUTCFullYear() - 0; 
var tdate = todayDate.getDate(); 
if(month < 10){
    month = "0" + month 
}
if(tdate < 10){
    tdate = "0" + tdate;
}
var minDate = year + "-" + month + "-" + tdate;
document.getElementById("Ride_Start_Date").setAttribute('min',minDate);
console.log(maxDate);
alert(" minDate="+minDate);
</script>
</body>

这不起作用并且不限制日期输入，

然而，当我使用硬编码字符串同时保留其他所有内容时，例如：document.getElementById("Ride_Start_Date").setAttribute('min',"2022-05-31");

这非常有效。

我已经尝试查看许多答案，但它们似乎都与 setAttribute 的变量值完美配合，但我的却没有。我在这里似乎做错了什么？

感谢在此方面的任何和所有帮助

Answer 1

你应该使用

var month = todayDate.getMonth() //getMonth from 0 to 11

今天是 2022-05-31。
您正在尝试将 2022-04-31 设置为最短日期。
这是错误的日期。这就是为什么它不起作用

日期输入类型的最小属性不接受 javascript 中的变量值

min Attribute for date input type not accepting variable value in javascript

html

javascript

date