如何从JS更改输入类型日期的最大值或最小值

How to change max or min value of input type date from JS

本文关键字：日期 最大值 最小值 类型 输入 JS      更新时间：2023-09-26

我有两个输入类型日期:

<input type="date" name="first_date">

和其他类似的:

<input type="date" name="second_date" min="first_date">

现在我想做的是，当first_date被选中比second_date的最小范围是自动由javascript填充。

知道怎么做吗

使用onchange事件设置属性的基本JavaScript。

document.getElementById("firstDateId").onchange = function () {
    var input = document.getElementById("secondDateId");
    input.setAttribute("min", this.value);
}

代码可以更好地使用addEventListener

我同意epascarello的回答，只有你可以用.min或.max代替setAttribut("min/max")。

document.getElementById("firstDateId").onchange = function ()
{
  var input = document.getElementById("secondDateId");
  input.min = this.value;
}

您应该能够在元素上使用JavaScript的.setAttribute('min',date)。请咨询W3C了解详细信息。如果您想使用库，也可以使用jQuery的.attr('min',date)。

相关文章：