Использование инструмента выбора угловых материалов. Когда я выбираю дату из указателя даты, поле отображается красным как недействительное.
Вот шаблон:
<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>
Вот код реактивных форм. Регулярное выражение проверено и работает с ведущими нулями или без них.
addEvent = this.formBuilder.group({
eventDate: ['', Validators.pattern('[0-9]?[0-9]{1}\/[0-9]?[0-9]+\/[0-9]{4}')]
});