日期选择在角材料日期选择器的Firefox中不起作用

Question

当我尝试在Firefox的日期选择器中选择一个日期时，它根本没有选择日期，而是返回到其初始状态。

我在页面上有多个日期选择器，并且该功能在Edge和Chrome中运行良好。只有Firefox的控件/选择项都不起作用

<mat-form-field>
  <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="picker" (focus)="picker.open()" (click)="picker.open()" readonly [formControl]="dateFormControl" >
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

我也需要帮助，以便在Firefox上进行日期选择

Answer 1

尝试：

<mat-form-field>
  <input matInput type="string" [min]="minDate" [max]="maxDate" [matDatepicker]="picker" (focus)="picker.open()" (click)="picker.open()" readonly [formControl]="dateFormControl" >
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

它应该工作

Answer 2

如果将焦点和单击事件移到mat-form-field，则单击事件将正常运行，但焦点事件将不起作用。