Angular 4 日期选择器 - 如何限制未来和过去的日子

Question

我想使用 Angular 4 日期选择器限制未来和过去的日子，我只想启用当前日期[今天]。我该如何解决这个问题。

谁能知道...???

这是我的模板：

<input type="text" placeholder="FromDate" class="form-control" 
placement="top"
formControlName="fromDate" 
[bsConfig]="{ dateInputFormat: 'DD-MM-YYYY' }" 
bsDatepicker style="padding: 16px">

Answer 1

bsDatepicker 有一个属性[minDate]和[maxDate]，因此将它们设置为 "today"，并在组件构造函数中执行以下操作：

组件.ts

today=new Date();

组件.html

<input ... bsDatepicker ... [minDate]="today" [maxDate]="today" ... >

无论如何，当您不真正允许用户选择今天以外的日期时，使用日期选择器是没有意义的，您不妨将其默认为"今天"。

Answer 2

与上面提到的类似，但角度根据： https://material.angular.io/components/datepicker/api

组件.ts

today = new Date()

组件.html

<input matInput [min]="today" [max]="today">