Angular 如何将时间戳转换为支持夏令时的东欧指定时区时间

问题原因 #

• Angular 原生 date 管道仅支持固定UTC偏移量、用户本地时区，若要使用带夏令时自动切换的时区标识，需要额外引入全量时区数据，否则传入EET这类时区缩写会直接回退到用户本地时区，无法达到预期效果。
• 固定写UTC+2的偏移量无法适配夏令时的UTC+3偏移，不会自动根据时间戳的日期切换时区偏移。

方案1：自定义管道（无额外依赖，适配给定夏令时规则） #

直接基于欧洲夏令时（每年3月最后一个星期日到10月最后一个星期日）的规则，自定义管道自动计算对应时间戳的实际偏移量：

1. 执行命令生成自定义管道：
   ng generate pipe eet-date
2. 编写管道逻辑：

import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';

@Pipe({
  name: 'eetDate',
  standalone: true // 非独立组件可删除该行，改为在对应module的declarations中声明
})
export class EetDatePipe implements PipeTransform {
  // 计算对应时间戳的东欧时区偏移量
  private getEETOffset(timestamp: number): number {
    const date = new Date(timestamp);
    const year = date.getUTCFullYear();
    
    // 计算当年3月最后一个周日的夏令时切换时间（UTC 1点）
    const marchLastSun = new Date(Date.UTC(year, 2, 31));
    marchLastSun.setUTCDate(31 - marchLastSun.getUTCDay());
    marchLastSun.setUTCHours(1, 0, 0, 0);
    
    // 计算当年10月最后一个周日的夏令时结束时间（UTC 1点）
    const octLastSun = new Date(Date.UTC(year, 9, 31));
    octLastSun.setUTCDate(31 - octLastSun.getUTCDay());
    octLastSun.setUTCHours(1, 0, 0, 0);
    
    return timestamp >= marchLastSun.getTime() && timestamp < octLastSun.getTime() ? 3 : 2;
  }

  transform(timestamp: number, format: string = 'dd.MM.yyyy HH:mm:ss'): string | null {
    const offset = this.getEETOffset(timestamp);
    return new DatePipe('en-US').transform(timestamp, format, `UTC+${offset}`);
  }
}

3. 模板中直接使用：
   {{ timestamp | eetDate }}
   如果需要自定义输出格式，可传入格式参数：
   {{ timestamp | eetDate:'yyyy年MM月dd日 HH:mm' }}

方案2：使用标准IANA时区（需引入时区数据） #

如果项目需要支持多时区适配，可加载全量时区数据后直接使用标准IANA时区名：

1. 安装时区数据依赖：
   npm install @js-tzdata/data
2. 在项目主入口文件（如main.ts）中注册对应时区的本地化数据，以罗马尼亚时区为例：

import { registerLocaleData } from '@angular/common';
import localeRo from '@angular/common/locales/ro';
registerLocaleData(localeRo);

3. 模板中直接使用对应IANA时区名即可自动适配夏令时：
   {{ timestamp | date:'dd.MM.yyyy HH:mm:ss':'Europe/Bucharest' }}

常用东欧时区IANA标识参考：罗马尼亚Europe/Bucharest、希腊Europe/Athens、保加利亚Europe/Sofia，按需选择即可。

内容的提问来源于stack exchange，提问作者laurt