javascript - 如何禁用过去的日期？

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">