Проблема формата Angular Mat DatePicker - PullRequest
Новая
       12

Проблема формата Angular Mat DatePicker

0 голосов
/ 24 июня 2019

Я новичок в Angular, и я только что запрыгнул в существующий проект.Моя проблема о сборщике даты из углового материала.Если я выбираю дату с помощью переключателя, без проблем, дата правильная, но если я хочу поставить дату вручную (используемый формат: дд / мм / гггг), она автоматически переключает дд и ММ, когда я выделяю поле ввода.

Так, например, если я наберу: «07/04/2019», то я нажму на следующий ввод, который я хочу изменить, дата изменится на «04/07/2019».

Вот входные данные: 

<mat-form-field>
    <input matInput [matDatepicker]="availableFrom" placeholder="From" formControlName="availableFrom" (dateChange)="fromDateLessThanToDate()">
    <mat-datepicker-toggle matSuffix [for]="availableFrom"></mat-datepicker-toggle>
    <mat-datepicker #availableFrom></mat-datepicker>
</mat-form-field>

fromDateLessThanToDate() {
    if (DateUtils.fromDateLessThanToDate(this.conventionForm.value.availableFrom, this.conventionForm.value.availableTo))
      this.error_date = { isError: true, errorMessage: 'To date can\'t before From date' };
    else
      this.error_date = { isError: false, errorMessage: '' };
  }

Когда мы поступаем в функцию fromDatLessThanToDate(), дата (this.conventionForm.value.availableFrom) уже имеет неправильное значение (переключение дней и месяцев).Я уже тестировал некоторые решения, такие как Событие изменения углового материала mat-datepicker и изменили формат , но результат тот же.

...