Средство выбора даты для углового материала (MatDatepicker) автоматически завершает дату при фокусировке
Я использую угловой материал /mat-datepicker в своем проекте и всякий раз, когда пользователь вводит внутри него одну цифру и выходит из фокуса - сборщик даты автоматически завершается со случайной датой.
Просто введите 1
и не в фокусе, или введите 5/5/20
Выбор даты добавляет дату автоматически
Обновление: также я использую реактивные формы, и я проверяю ввод с этим подходом
Могу ли я отключить это?
0 ответов
Я знаю, что еще слишком поздно отвечать на этот вопрос. Но я также столкнулся с той же проблемой с реактивными формами и отключил автозаполнение MatDatePicker следующим образом.
<mat-form-field>
<input matInput #autocomplete placeholder="Choose a date" formControlName="datePicker">
<input type="hidden" [matDatepicker]="picker" placeholder="Choose a date" formControlName="datePicker" (dateChange)="autocomplete.value = toFormattedDate($event.value)">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
Создайте следующий метод toFormattedDate в своем компоненте.
toFormattedDate(iso: string) {
const date = new Date(iso);
console.log(date);
return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;
}