日期管道角度 4 自定义格式与时区(短)

Question

我需要打印带有时区的时间戳自定义格式(短格式(：

{{ '2017-06-29 09:55:01.956-0400' | date:'MMM dd, y hh:mm a' }}

输出：

2017-6-29下午07：25

但是我需要附加时区，例如：

2017年6月29日 下午07：25IST

Angular 提供了带有'z'和'Z'的时区选项，但没有一个给出预期的结果：

'MMM dd, y hh:mm a  z' ==> Jun 29, 2017 07:25 PM India Standard Time
'MMM dd, y hh:mm a  Z' ==> Jun 29, 2017 07:25 PM GMT+5:30

我要Jul 7, 2017, 12:27:01 AM IST.

Answer 1

DatePipe 使用 Intl 来格式化日期。因此，由您的网站打开的系统决定应以何种格式返回当前时区。为了实现所需的行为，我建议您创建一个自定义 DatePipe，它将返回所需的 timezoe 缩写。例如：

import { Pipe } from "@angular/core";
import { DatePipe } from "@angular/common";
@Pipe({
name: "myDate",
pure: true
})
export class MyDatePipe extends DatePipe {
transform(value: any, pattern: string = "mediumDate"): string|null {
let result = super.transform(value, pattern);
result += " " + this.map[Intl.DateTimeFormat().resolvedOptions().timeZone];
return result;
}
map = {
"Asia/Calcutta": "IST"
};
}

但是，您需要将每个可能的时区添加到map对象。请参阅说明此方法的 Plunker 示例。