如何使用 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 。）