Как включить ведущие нули в инструмент выбора даты углового материала?

Question

Использование углового материала 5.

Я бы хотел, чтобы средство выбора даты отображало 01.01.2000 вместо 01.01.2000.Я прочитал документацию, но ничего не вижу по этому поводу.

Есть ли простой способ реализовать это?Или мне в конечном итоге придется как-то создать собственное форматирование?

Answer 1

Вы можете предоставить пользовательскую реализацию MatDateFormats.

Добавить "@angular/material-moment-adapter" к вашим зависимостям npm.

Добавьте следующую информацию в свой корневой модуль или отдельный модуль материала, который вытогда ссылка.

import { NgModule } from '@angular/core';
import {
    MatDatepickerModule,
    MAT_DATE_LOCALE,
    MAT_DATE_FORMATS,
    DateAdapter,
    MatDateFormats
    } from '@angular/material';
import {
    MomentDateAdapter
} from '@angular/material-moment-adapter';

export const MY_FORMATS: MatDateFormats = {
    parse: {
        dateInput: 'MM-DD-YYYY',
    },
    display: {
        dateInput: 'MM-DD-YYYY',
        monthYearLabel: 'MMM YYYY',
        dateA11yLabel: 'LL',
        monthYearA11yLabel: 'MMMM YYYY',
    },
};

@NgModule({
    imports: [
        MatDatepickerModule,
    ],
    exports: [
        MatDatepickerModule,
    ],
    providers: [
        { provide: MAT_DATE_LOCALE, useValue: 'en-US' },
        { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },
        { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS }
    ]
})
export class YourModule { }