Как преобразовать '2019-02-22T12:11:00Z' в формат 'ДД / ММ / ГГГГ ЧЧ: ММ: СС' в угловом формате

Question

Я работаю над некоторыми API-интерфейсом Clockify API. Я получаю все время записи от API. в ответ я получаю время начала и окончания задачи в 2019-02-22T12:11:00Z,

Я хочу преобразовать вышеуказанный формат даты в DD/MM/YYYY HH:MM:SS формат. Я использовал дату для этого {{item.timeInterval.start | Дата: dd/MM/yyyy, h:mm a z}} но это не работает. он показывает то же самое.

Как мне этого добиться?

Answer 1

Попробуйте использовать парсинг в Date объект как это -

parseIntoDate(date){
    return Date.parse(date)
}

<p>{{parseIntoDate(item.timeInterval.start) | date: 'dd/MM/yyyy, h:mm a z'}}</p>

Рабочий пример

Answer 2

Вы можете просто преобразовать вашу строку в объект Date, когда получите данные от API. Просто используйте item.timeInterval.start = new Date(item.timeInterval.start)

Answer 3

Это на самом деле дата в формате ISO, если вам интересно.

const date = new Date("2013-03-10T02:00:00Z");
this.dateTimeString = date.toString();

И на вашем component.html,

{{dateTimeString | date: 'dd/MM/yyyy, h:mm a z'}}

Answer 4

Дата в моем файле TS -

myDate = '2019-02-22T12: 11: 00Z';

в HTML

{{myDate | дата: 'дд / мм / гггг ЧЧ: ММ: СС'}}

Answer 5

Ваш формат даты неверен, любой неправильный формат не будет проанализирован, как пример. Формат YYYY вернет YYYY, но yyyy вернет 2019 год. Проверьте документацию для опции всех форматов.

{{'2019-02-22T12:11:00Z' | date : "dd/MM/yyy HH:mm:ss"}}
<br>
{{'2019-02-22T12:11:00Z' | date : "short"}}
<br>
{{'2019-02-22T12:11:00Z' | date : "full"}}
<br>
{{'2019-02-22T12:11:00Z' | date : "yyy"}}

демонстрация стекаблиц