дата обновления с коврика-ввода с модулем материала

Question

У меня есть этот код

https://stackblitz.com/edit/angular-6h1wvj

, и я хотел бы, чтобы пользователь мог обновить значение даты, используя календарь и ввод, фактически мы можем обновить с календаремно я получил ошибку с входом mat с датой типа var, которую я использую.

я пытаюсь использовать

(change)="onChangeEvent($event)"

но я получаю ноль при доступе к $ event.value

i, что-то похожее на это https://stackblitz.com/angular/odrmqdenkrv?file=app%2Fdatepicker-events-example.html, в котором вы можете обновить с календарем и вводом только допустимые даты и получить нулевое значение, если дата недействительна, но с моей конфигурацией месяца года

Answer 1

Вместо (change) используйте (dateInput) и (dateChange), как в приведенном вами примере, и пропускайте только $event. Также в вашем MY_FORMATS убедитесь, что ваш parse: { dateInput: имеет тот же формат, что и вы display: { dateInput:.

Итак:

parse: {
    dateInput: 'MMMM/YYYY',
},

Если они не похожи друг на друга, это означает, что пользователь вводит дату в определенном формате, но дисплей ожидает другой формат, поэтому вам нужно изменить ввод пользователя в onChangeEvent, чтобы он соответствовал формату дисплея.

Я предполагаю, что вы просто хотите, чтобы пользователь придерживался отображаемого формата, поэтому просто сделайте их похожими в вашем MY_FORMATS

Для отражения изменений я бы также использовал [(ngModel)] вместо значения. Или оставьте [value], но используйте другое значение, чтобы присвоить onChangeEvent и отобразить в вашем шаблоне

Вот рабочий пример

Дайте мне знать, если это поможет:)