如何使用 date-fns 获取准确的时区？答案

【问题标题】：How to get exact Time zone using date-fns?如何使用 date-fns 获取准确的时区？
【发布时间】：2021-09-27 15:49:10
【问题描述】：

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

date.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);
  }
}

component.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)

【问题讨论】：

标签： javascript typescript date-fns

【解决方案1】：

您需要使用OOOO，如date-fns format documentation page 所述。

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

Y 而不是 y
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

ONLINE DEMO

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

【讨论】：