日期选择在 Firefox 中不适用于角度材料日期选择器

Question

当我尝试在 Firefox 中的 mat datepicker 上选择日期时，它根本不会选择日期并返回到初始状态。

我在页面上有多个日期选择器，并且该功能在 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，则单击事件正常工作，但焦点事件不起作用。