在HTML5日歷中禁用過去的日期

Question

有什么方法可以防止用戶從HTML5日歷中選擇過去的日期，或者如何隱藏html5日歷中的過去的日期？ 我只需要用戶選擇當前日期或將來的日期，而不是過去的日期，您能幫我這個忙嗎？ 我不想使用任何插件

 <input id="start" type="date" data-date-inline-picker="true" class="form-control" name="date"> 

Answer 1

您可以通過指定當前日期的min來實現。 這樣的日期必須是ISO格式(yyyy-mm-dd)

 <input id="start" type="date" data-date-inline-picker="true" class="form-control" name="date" min="2018-01-06"> 

最小和最大屬性必須為完整日期； 無法指定“今天”或“ +0”。 要動態地執行此操作，您需要使用JavaScript或服務器端語言，例如：

 var today = new Date().toISOString().split('T')[0]; document.getElementsByName("date")[0].setAttribute('min', today); 

 <input id="start" type="date" data-date-inline-picker="true" class="form-control" name="date" > 

Answer 2

您將需要使用javascript來做到這一點：

 var today = new Date(); var dd = today.getDate(); var mm = today.getMonth() + 1; var yyyy = today.getFullYear(); if(dd<10){ dd='0'+dd } if(mm<10){ mm='0'+mm } today = yyyy+'-'+mm+'-'+dd; document.getElementById("start").setAttribute("min", today); 

 <input id="start" type="date" data-date-inline-picker="true" class="form-control" name="date" min="">