javascript - 如何让日历中所有过去的日期都不可选择？

Question

我有一个 type="datetime" 的 html5 日历。我希望过去的日期变得不可选择。

<input  class="form-control" type="datetime" date-time auto-close="true" view="date"
datepicker-options="dateOptions" min-view="date" maxlength="10" format="dd/MM/yyyy" 
ng-model="$ctrl.DateInput" required="true">

矩形内的所有日期都应处于禁用状态。

有人可以帮助我吗？

Answer 1

使用 Javascript，您可以设置日期控件的 min 属性。您还可以从 ViewModal 中进行设置。

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

<input name="date-control" type="date">