Как Формат Angular Дата на HTML странице

Question

Я пытаюсь отформатировать дату на странице Angular HTML и отображается как:

    Apr 11, 2019 3:13 PM PST

Я не знаю, как показывать PST?

Это моя трубка даты:

 import { Pipe, PipeTransform } from '@angular/core';
 import * as moment from 'moment';

  @Pipe({
  name: 'utcDate'
  })

public transform(value: Date, format: string = 'M/D/YYYY'): string {
    return value ? moment.utc(value).format(format) : 'N/A';
 }
}

Это мой код в HTML:

     {{ note.createdDate | utcDate : 'MMM d, YYYY HH:MM A'}}

, и он показывает дату, например:

 Apr 2, 2018 11:04 AM 

Как я могу получить PST в конец?

Answer 1

Вы используете DatePipe , предоставленный Angular. Наиболее похожий встроенный формат на то, что вы хотите, - это long. В нем также есть дополнительная запятая после года.

{{ text.createdDate | date:'long' }}

Чтобы получить именно то, что вы хотите, вы можете указать формат c.

{{ text.createdDate | date:'MMMM d, y h:mm:ss a z' }}

Обновить, поскольку в другом ответе упоминается часовой пояс из канала даты имеет другой формат, поэтому для получения точного форматирования вам нужно будет создать настраиваемый канал с использованием сторонней библиотеки. Один из наиболее известных - это момент. js, в котором для этого есть специальная библиотека часовых поясов .

Answer 2

angular канал даты изначально не поддерживает сокращения часовых поясов в этом формате. они отображаются как смещения, например GMT-8

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

"MMM d, y h:mm:ss a z"

, если вам нужны аббревиатуры часовых поясов, вы нужно написать свой пайп или найти библиотеку.