в моем проекте Angular5 я добавил mat-datepicker. Например, если я введу здесь 05.06.2018, запись изменится на 06.05.2018, когда я выйду из поля.
У кого-нибудь есть решение для меня?
<mat-form-field>
<input matInput max = "{{age | date:'yyyy-MM-dd'}}" name = "birthday" [(ngModel)] = "model.birthday" [matDatepicker] = "picker">
<mat-datepicker-toggle matSuffix [for] = "picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>
Создавайте собственные форматы дат:
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
import { MomentDateAdapter } from '@angular/material-moment-adapter';
import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material';
import * as _moment from 'moment';
import { default as _rollupMoment } from 'moment';
const moment = _rollupMoment || _moment;
export const MY_FORMATS = {
parse: {
dateInput: 'DD.MM.YYYY',
},
display: {
dateInput: 'DD.MM.YYYY',
monthYearLabel: 'MMM YYYY',
dateA11yLabel: 'LL',
monthYearA11yLabel: 'MMMM YYYY',
},
};
@Component({
selector: 'datepicker-formats-example',
templateUrl: 'datepicker-formats-example.html',
styleUrls: ['datepicker-formats-example.css'],
providers: [
{ provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },
{ provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },
],
})
export class DatepickerFormatsExample {
date = new FormControl(moment());
}
Спасибо! Работал как шарм. Пришлось установить @ angular / material-moment-adapter и момент.
Возможный дубликат Angular Material mat-datepicker (изменение) событие и формат