如何才能使日历中所有过去的日期都不可选？

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

​