如何使用使用的 Angular 材质为 DatePicker 添加 FormValidation？

Question

在问题How to validate field with input type=time via form control?

如何验证此类日期选择器（已禁用输入字段）

<mat-form-field>
  <input matInput [matDatepicker]="picker" formControlName="datePickerCtrl" disabled>
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker disabled="false"></mat-datepicker>
</mat-form-field>

如果标签 formControlName 在输入中插入，禁用状态不起作用。

Answer 1

不要在 html 中使用禁用的反应形式 insted 使用dararePickerCtrl.disable()。见this。 和日期输入验证就像任何其他输入一样

datePickerCtrl= new FormControl('', [
Validators.required,
]);