如何从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_date is selected than the minimum range of the second_date is 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 的回答，只有你可以用简单的.min或.max替换setAttribut("min/max") 。

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

Answer 3

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