HTML入力タイプ=日付、フィールド制約

Question

：

Enter Payment Date : <input type="date" name="date" required><br/><br/> 

は、今私は、現在の日付より前の日付を選択するからユーザーを制限したいです。私は日付入力の属性をチェックし、最小値と最大値を設定できることを発見しました。しかし、min属性では、min="2017-08-06"のような特定の日付を指定する必要があります。しかし、私はそれをシステムの現在の日付にしたい。最小の日付を2017-08-06と設定し、ユーザーが後で2017-08-20でこのアプリを使用すると、ユーザーは2017-08-15のような日付を選択できます。私は、ユーザーが、彼/彼女がアプリを使用している現在の日付から日付を選択できるようにしたい。

この入力フィールドを使用して何かできますか？

申し訳ありませんが、これは長い説明ですが、私はそれを明確にしたいと思います。

Answer 1

JavaScriptを使用して現在の日付を取得し、そこから情報を解析する必要があります。コードはSamuel Meddows'から受け入れられ、How do I get the current date in JavaScriptの質問に対する回答となり、次にinputタグのmin属性で動作するよう調整されました。

var today = new Date(); 
 
var dd = today.getDate(); 
 
var mm = today.getMonth() + 1; //January is 0! 
 
var yyyy = today.getFullYear(); 
 

 
if (dd < 10) { 
 
    dd = '0' + dd 
 
} 
 

 
if (mm < 10) { 
 
    mm = '0' + mm 
 
} 
 

 
today = yyyy + '-' + mm + '-' + dd; 
 
document.getElementById('input').setAttribute("min", today);

Enter Payment Date : <input id="input" type="date" name="date" required><br/><br/>