如何禁用过去的日期？

【问题标题】：How to disable past date?如何禁用过去的日期？
【发布时间】：2019-03-24 04:16:34
【问题描述】：

如何使用我的代码实时禁用过去的日期？

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

【问题讨论】：

标签： javascript html date

【解决方案1】：

您可以通过稍微使用 JavaScript 和 min 属性使其禁止任何以前的日期：

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

&lt;input name="cin" type ="date" class="form-control"&gt;

这将自动更新。如果您不想允许任何早于固定日期（比如 2019 年元旦）的签到，那么只需手动设置 min 属性：

&lt;input name="cin" type ="date" class="form-control" min="2019-01-01"&gt;

【讨论】：