Angular Material Date picker。如何仅显示范围内的年份（例如：我只需要显示1950年到现在的日期），剩余年份不应该显示

Question

我正在使用Angular材质Datepicker在我的项目中选择日期。任何人都可以通过解决方案来显示特定范围内的年份。

例如：我想在我的“物料日期选择器”中显示1950年以来的年份。 1950年以前的年份应该从Datepicker中删除。 Angular Material对此有什么解决方案。

Answer 1

我已经测试了以下代码。声明minDate并在标记中使用它

打字稿代码

export class DatepickerMinMaxExample {
  minDate: Date;


  constructor() {

    this.minDate = new Date(1950, 0, 1);

  }
}

html代码（使用[min] =“ minDate”）

<mat-form-field class="example-full-width">
  <mat-label>Choose a date</mat-label>
  <input matInput [min]="minDate" [matDatepicker]="picker">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

Answer 2

您可以使用[min]属性。这是Date对象。

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