Неверный формат даты с форматом ()

Question

У меня есть следующий формат даты:

2019-02-12T09: 29: 34

и я хотел бы преобразовать его следующим образом

Вторник, 12 февраля 2019

Для этого я использую функцию:

public formatDate(date: string): string {
   const DateChange: string = new Date(date).toString()
    return format(DateChange, 'EEEE, d MMMM, yyyy');
  }

называется так:

{{formatDate(history.dateTraitement)}}

К сожалению, я нахожусь с этим форматом:

2222, 2 февраля, гггг

Где проблема?

Answer 1

Предполагая, что вы определили переменную данных, как показано ниже

date: Date = new Date('2019-02-12T09:29:34');

У вас есть два способа, как показано ниже

1 - использование угловой трубы в html как

{{date | date:'fullDate'}}

2 - использование углового канала в вашем коде (и добавление DatePipe в провайдерах вашего модуля)

  dateString: string = '';

  constructor(private datePipe: DatePipe) {
    this.dateString = this.datePipe.transform(this.date, 'fullDate')
  }

Пожалуйста, посмотрите этот рабочий пример здесь

Примечание: Вы строка датыимеет некоторое пространство во временной части, я предполагаю, что это опечатка, а не в ваших реальных данных

См. другие параметры формата (или создать свой собственный) здесь

Answer 2

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

import {formatDate} from '@angular/common';

formatDate(myDate, 'full', 'en-US');

arg 1 - это дата (date obj или string), arg 2 - это формат (сокращенная или произвольная), а arg 3 - это локаль (обычно это угловые цифры для вас, но вы должны указывать при использовании directyl )

однако, поскольку вы используете это в шаблоне, лучше всего честно сказать, что угловая труба даты уже дает вам.