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

Question

在问题中如何通过表单控件验证输入类型=时间的字段？

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

<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 在输入中插入，禁用状态不起作用。

标签： angularformsangular-material

Answer 1

不要在带有反应形式的 HTML 中使用禁用，请使用 DarePickerCtrl.disable()。看到这个。和日期输入验证就像任何其他输入

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