禁用 Angular Material 日期选择器中的特定日期

Question

我正在尝试为我的一个项目使用 Angular 6 Material 日期选择器。我需要禁用特定日期或为用户提供选择特定日期的选项（可以是一些随机日期）。

<mat-card>
    <input matInput [matDatepicker]="picker" placeholder="Choose a date">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #pickers></mat-datepicker>
    <app-date-picker></app-date-picker>
  </mat-card>
``

Answer 1

您必须使用日期验证：

https://material.angular.io/components/datepicker/overview#date-validation

因此，您可以使用min和max属性或matDatepickerFilter更指定的过滤器（可能更适合您的情况）。您可以在上面的链接中查看两个示例（第一个是min和max，第二个是matDatepickerFilter）。