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

Question

我有两个输入类型的日期，例如：

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

和其他像：

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

now what I want to do is that when first_dateis selected than the minimum range of the second_dateis auto filled by javascript.

任何想法如何做到这一点。

Answer 1

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

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

使用 addEventListener 代码可能会更好。

Answer 2

我同意 epascarello 的回答，只有你可以setAttribut("min/max")简单地替换为.minor .max。

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

Answer 3

您应该能够.setAttribute('min',date)在元素上使用 JavaScript。详情请咨询W3C。.attr('min',date)如果您想使用库，还有 jQuery 。