私はのinput
箱を持っていますtype=date
。現在の日付から1週間後のすべての日付を無効にしたい。現在の日付が2017年7月11日であるとすると、2017年7月18日以降のすべての日付を無効にします。したがって、ユーザーは今日から1週間以内の日付のみを選択できます。コードで過去の日付をすでに無効にしています。
function validDate(){
var today = new Date().toISOString().split('T')[0];
document.getElementsByName("date")[0].setAttribute('min', today);
}
<body onload="validDate()">
<div class="form-group">
<p>Date<span>*</span></p>
<input type="date" name="date" id="date" class="form-control input-sm " required />
</div>
</body>
更新されたコードをご覧ください。
[after how many number of days to be disabled i.e. 6 in this case] * 24 * 60 * 60 * 1000
min
およびmax
属性は、type = "date"の最小および最大の日付を設定するために使用されます
function validDate(){
var today = new Date().toISOString().split('T')[0];
var nextWeekDate = new Date(new Date().getTime() + 6 * 24 * 60 * 60 * 1000).toISOString().split('T')[0]
document.getElementsByName("date")[0].setAttribute('min', today);
document.getElementsByName("date")[0].setAttribute('max', nextWeekDate)
}
<body onload="validDate()">
<div class="form-group">
<p>Date<span>*</span></p>
<input type="date" name="date" id="date" class="form-control input-sm " required />
</div>
</body>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加