Angular中如何使用DatePipe将日期转换为GMT格式？

先修正你代码里的几个关键错误： #

1. 日期构造语法错误：new Date(6/19/2023 12:00:00 AM) 没有给日期字符串加引号，JS会把6/19/2023当成除法运算，导致生成完全错误的日期，必须用字符串包裹，比如new Date('6/19/2023 12:00:00 AM')。
2. DatePipe参数顺序错误：transform方法的参数顺序是(日期对象, 格式化字符串, 时区)，你把格式参数放错了位置。
3. 无需二次转换为Date：transform返回的是格式化后的字符串，再传给new Date没有意义。

正确实现方式 #

方式一：组件类中使用DatePipe

首先确保模块已导入CommonModule（DatePipe属于该模块），然后注入DatePipe使用：

import { DatePipe } from '@angular/common';
import { Component } from '@angular/core';

@Component({
  selector: 'app-demo',
  standalone: true,
  imports: [CommonModule],
  template: `<p>GMT-5时间：{{ convertedDate }}</p>`
})
export class DateDemoComponent {
  convertedDate: string;

  constructor(private datePipe: DatePipe) {
    // 原始日期：6/19/2023 12:00:00 AM
    const originalDate = new Date('6/19/2023 12:00:00 AM');
    // 转换为GMT-5时区，指定输出格式
    this.convertedDate = this.datePipe.transform(originalDate, 'MM/dd/yyyy hh:mm:ss a', 'GMT-5') || '';
  }
}

方式二：模板中直接使用管道

无需在组件类中处理，直接在模板里通过管道转换：

<p>原始日期：6/19/2023 12:00:00 AM</p>
<p>GMT-5时间：{{ '6/19/2023 12:00:00 AM' | date:'MM/dd/yyyy hh:mm:ss a':'GMT-5' }}</p>

关键说明 #

• 第三个参数'GMT-5'直接指定目标时区，DatePipe会自动完成时区转换。
• 格式化字符串可按需调整，比如用'yyyy-MM-dd HH:mm:ss z'会显示时区标识（如GMT-0500）。
• 如果原始日期本身是GMT时区的时间，构造Date时建议明确标注：new Date('6/19/2023 12:00:00 AM GMT')，避免浏览器用本地时区解析。

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