Средство выбора даты для углового материала (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()}`;
}
Другие вопросы по тегам