我们怎样才能使日历中的所有过去日期都不可选？

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