yaNastia
@yaNastia

Как сделать валидацию для angular-material datepicker?

Как сделать валидацию для datepicker что бы можно было вводить дату в инпуте только в формате "дд.мм.гг" ?

<mat-form-field appearance="fill" class="field">
                        <mat-label>Date</mat-label>
                        <input matInput [matDatepicker]="picker1" id="expdt" [formControl]="expdate" required>
                        <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
                        <mat-datepicker #picker1></mat-datepicker>
                        <div class="show-errors"
                             *ngIf="expenseForm.get('expdate').dirty && expenseForm.get('expdate').errors">
                            <mat-error
                                    *ngIf="expenseForm.get('expdate').errors.required">
                                Please enter date
                            </mat-error>
                            <mat-error
                                    *ngIf="expenseForm.get('expdate').errors.pattern">
                                Please enter a valid date
                            </mat-error>
                        </div>
                    </mat-form-field>


expdate = new FormControl('', [Validators.required]);
  • Вопрос задан
  • 586 просмотров
Решения вопроса 1
@assets
Back-end developer
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы