使用Angular Materials日期选择器。当我从日期选择器中选择一个日期时,该字段显示为无效的红色。
这是模板:
<form [formGroup] = "addEvent" (ngSubmit)="onSubmit()">
<mat-form-field>
<input matInput formControlName = "eventDate" [matDatepicker] = "eventDate" placeholder = "Choose a date">
<mat-datepicker-toggle matSuffix [for] = "eventDate"></mat-datepicker-toggle>
<mat-datepicker #eventDate></mat-datepicker>
</mat-form-field>
</form>
这是Reactive表单代码。正则表达式经过测试,可以使用或不使用前导零。
addEvent = this.formBuilder.group({
eventDate: ['', Validators.pattern('[0-9]?[0-9]{1}\/[0-9]?[0-9]+\/[0-9]{4}')]
});