angular - 始终显示日期选择器中的日历 - Angular

Question

我需要让 Angular 中的日期选择器始终可见。日历将始终可见而不依赖于按钮(不需要单击按钮)

example

源.html

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

Answer 1

您可以使用 mat-calendar为了这:

<mat-calendar [selected]="selectedDate" (selectedChange)="selectedDate = $event"></mat-calendar>