如何從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) 。