Как изменить формат даты выбора материала углового материала - PullRequest
Новая
       29

Как изменить формат даты выбора материала углового материала

0 голосов
/ 18 ноября 2018

Это формат даты, который я получаю, когда использую угловой инструмент выбора даты .... Wed Nov 21 2018 00:00:00 GMT+0530 (India Standard Time)

Но мне нужна дата в (YYYY-MM-DD) или (YYYY-MM-DDTHH:mm) в этом формате.

это класс модели, который я использую для сбора данных из угловой формы материала 

export class FlightSchedule {

    constructor(
        public destination: string,
        public origin: string,
        public date: string,
        public limit: string
    ) {}

}

Пожалуйста, помогите мне, я не могу преобразовать дату в формате YYYY-MM-DD или YYYY-MM-DDTHH:mm.

Я новичок в Angular

Заранее спасибо

Ответы [ 2 ]

0 голосов
/ 14 августа 2019 
import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material';
import { MomentDateModule, MomentDateAdapter } from '@angular/material-moment-adapter';

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

    providers: [

        { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },
          { provide: MAT_DATE_FORMATS, useValue: DateFormats }

      ],

добавьте вышеуказанный код в ваш app.module.это прекрасно работает для меня.

0 голосов
/ 18 ноября 2018

Вам необходимо предоставить объект, содержащий форматы, которые вы хотите использовать. Объект должен выглядеть примерно так: 

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

Затем вам нужно добавить это в массив ваших провайдеров, например: 

  import { MAT_DATE_FORMATS } from '@angular/material';
  import { MomentDateAdapter } from '@angular/material-moment-adapter';

  //...

  providers: [
    {provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]},
    {provide: MAT_DATE_FORMATS, useValue: MY_FORMATS},
  ],

Вот демонстрация StackBlitz, чтобы показать, как она работает

...