angular-material - 如何在 mat-datepicker 上仅选择年份

Question

我正在开发一个角度为 8 的应用程序，其中我有一个仅包含年份编号的输入。我使用过 mat-datepicker，只想选择年份。

<mat-form-field class="input-control">
      <input matInput placeholder="{{'enter'|translate}}.." [formControl]="form.controls.openedAt"
             [matDatepicker]="date" readonly>
      <mat-datepicker-toggle matSuffix [for]="date"></mat-datepicker-toggle>
      <mat-datepicker #date startView="multi-year"></mat-datepicker>
    </mat-form-field>

此代码首先显示年视图，但是当我选择年时，将打开月视图，然后打开日视图。

那么如何只选择年份，或者在 mat-datepicker 上只显示年份视图？

标签： angular-materialangular8mat-datepicker

Answer 1

此功能尚未完全实现。你可以在这里看到：

https://github.com/angular/components/issues/4853

现在你可以试试这个：

https://stackblitz.com/edit/angular-mulitdate-picker-demo