我们怎样才能使日历中所有过去的日期都无法选择？

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