如何禁用過去的日期？

Question

如何實時禁用我的代碼的過去日期？

<div class="form-group">
     <label>Check-In</label>
     <input name="cin" type ="date" class="form-control">

 </div>
 <div class="form-group">
     <label>Check-Out</label>
     <input name="cout" type ="date" class="form-control">

 </div>

Answer 1

您可以通過使用JavaScript和min屬性來禁止使用任何先前的日期：

 let [today] = new Date().toISOString().split("T"); document.querySelector("input").setAttribute("min", today); 

 <input name="cin" type ="date" class="form-control"> 

這將自動更新。 如果您不想在固定日期之前允許任何簽入（假設為2019年元旦），則只需手動設置min屬性：

 <input name="cin" type ="date" class="form-control" min="2019-01-01">