Angular 角材料日期验证不正确

我正在使用Angular Material DatePicker，但是默认的日期验证不起作用。如果我输入'1'或'123'，它仍然可以通过验证。下面是编码细节

<mat-form-field>
<input matInput [(ngModel)]="myDate" name="myDate" [matDatepicker]="Datepicker"
                        (click)="Datepicker.open()" >
<mat-datepicker-toggle matSuffix [for]="Datepicker"></mat-datepicker-toggle>
<mat-error>Invaild Date</mat-error>
</mat-form-field>
<mat-datepicker #Datepicker></mat-datepicker>

入侵日期

您需要将验证指定为

this.form = this.fb.group({
      myDate: [this.helper.parseTime(this.data.endTime),
        [Validators.required, Validators.pattern(/^[0-9]{2}.[0-9]{2}$/), this.helper.validateTime]]
    });

然后呢,

 <mat-error *ngIf="form.controls.myDate.hasError('required')">Invalid Date</mat-error>

无效日期

您可能应该指定

helper

类中的内容。