javascriptの最初の日付よりも大きい2番目の日付

Question

minのcheckoutをcheckinの値に設定する2つの日付入力があります。

Check In 
<input type="date" id="checkIn" name="checkIn"> 

Check out 
<input type="date" id="checkOut" min="" name="checkOut"> 

考えられるのは、ユーザーが最初の日付を入力した後のチェックイン日付よりも大きいチェックアウト日付を持つことです。私はこのようなものを使用してみましたが

は、入力用のonclickを使用して

function updatedate() { 
    var firstdate = document.getElementById("checkIn").value; 
    document.getElementById("checkOut").min = firstdate; 
} 

（数字ではなく日付で動作します）。

ご意見ありがとうございます。

Answer 1

この

<label>Check In</label> 
<input type="date" id="checkIn" name="checkIn" onchange="updatedate();"> 

<label>Check out</label> 
<input type="date" id="checkOut" min="" name="checkOut"> 

試してみてください - の

function updatedate() { 
    var firstdate = document.getElementById("checkIn").value; 
    document.getElementById("checkOut").value = ""; 
    document.getElementById("checkOut").setAttribute("min",firstdate); 
    } 

Answer 2

あなたのコードは最小値を設定します。 clickの代わりに、第二の入力最小値を更新するために、第一入力changeイベントを使用します。

​​