実際の過去の日付を無効にし、入力フィールドのdatepickerの2日前に有効にする

Question

datepickerを使用して2つのhtml入力フィールドがあります。 Javascriptを入力ににどのように見えるか

<input id="startdate" type="date" onchange="handler(event)" /> 
<input id="enddate" type="date" onchange="handler(event)" /> 

STARTDATEは今日から第二のみ2日間、前方実際の日付を有効にあるすべての過去の日付を無効にします。

Answer 1

ネイティブinput[type="date"]を使用している場合、属性はmaxとminです。 See MDN

このコードでは、min属性を今日の形式に動的に設定しています。

var today = new Date(); 
 
var todayFormat = today.getFullYear() + '-' + leadZero(today.getMonth() + 1) + '-' + leadZero(today.getDate()); 
 
console.log(todayFormat); 
 

 
document.querySelector('input').setAttribute('min', todayFormat); 
 

 
function leadZero(number) { 
 
    return (number < 10 ? '0' : '') + number; 
 
}

<input type="date">

あなたはjQueryの-UIを使用している場合は、この答えのよう0にminDateプロパティを設定することができます。How to set minDate to current date in jQuery UI Datepicker?