如何使用 date-fns 获取确切的时区？

Question

我正在使用以下日期管道使用 date-fns 库格式化日期

日期.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';
import { format } from 'date-fns';

@Pipe({
  name: 'formatDate'
})
export class FormatDatePipe implements PipeTransform {
  transform(value: string | number | Date, dateFormat: string): string {
    return format(value, dateFormat);
  }
}

组件.html

<h1> {{ startDate | formatDate: 'DD-MM-YYYY HH:mm:ss.SSSZ' }} </h1>

我得到以下输出

输出

01-01-2021 07:09:00.000-05:00 

但我试图获得确切的时区，而不仅仅是 -05:00，例如，在这种情况下 (UTC-5)预期输出

01-01-2021 07:09:00.000 (UTC-5)

Answer 1

您需要使用date-fns 格式文档页面中提到的OOOO 。

除此之外，您使用了一些错误的字母，例如您使用了

1. Y而不是y
2. D代替d

演示：

import { format } from 'date-fns';

const now  = new Date();

console.log(format(now, "dd-MM-yyyy HH:mm:ss.SSSOOOO"));

在我的时区欧洲/伦敦运行的示例的输出：

07-08-2021 13:17:55.549GMT+01:00

在线演示

（注意：点击在线演示页面右下角的Console 。）