javascript - JSから入力タイプの日付の最大値または最小値を変更する方法

Question

次のような2つの入力タイプの日付があります。

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

その他のような:

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

今私がやりたいことはfirst_date、の最小範囲よりも選択されたときsecond_dateに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 もあります。