Angular中如何基于加拿大时区转换日期为时间戳？

问题本质 #

你遇到的问题并非getTime()本身的缺陷——getTime()返回的是1970-01-01 UTC至目标时间的毫秒数，这个值是绝对的，和本地时区无关。问题出在你创建Date对象时，未明确基于加拿大时区解析日期，导致系统用本地时区/系统时钟解析，进而生成可变的时间戳。

可行方案 #

方案1：直接使用带时区偏移的ISO日期字符串 #

如果你的输入日期是加拿大时区的具体时间，可将其转换为带时区偏移的ISO格式字符串，再创建Date对象并调用getTime()。加拿大主要时区的偏移如下：

• 东部时区（EST/EDT）：标准时间UTC-5，夏令时UTC-4
• 太平洋时区（PST/PDT）：标准时间UTC-8，夏令时UTC-7

示例代码：

// 加拿大东部夏令时的14:30
const caEasternDate = new Date("2024-05-20T14:30:00-04:00");
const fixedTimestamp = caEasternDate.getTime(); // 此值不受本地系统时区/时钟影响

方案2：用Intl.DateTimeFormat自动处理时区与夏令时 #

手动维护时区偏移容易出错（夏令时切换日期每年可能调整），推荐用Intl.DateTimeFormat获取指定时区的日期组件，再通过Date.UTC()生成绝对时间戳：

function getCanadaTimezoneTimestamp(dateInput, timezone = "America/Toronto") {
  // 先将输入转为Date对象（仅用于提取原始日期信息）
  const baseDate = typeof dateInput === "string" ? new Date(dateInput) : dateInput;
  // 配置格式化器，指定目标时区与所需日期组件
  const formatter = new Intl.DateTimeFormat("en-CA", {
    timeZone: timezone,
    year: "numeric",
    month: "2-digit",
    day: "2-digit",
    hour: "2-digit",
    minute: "2-digit",
    second: "2-digit",
    hour12: false
  });
  // 解析出指定时区下的日期组件
  const parts = formatter.formatToParts(baseDate);
  const dateComponents = {};
  parts.forEach(part => {
    if (part.type !== "literal") dateComponents[part.type] = parseInt(part.value, 10);
  });
  // Date.UTC接受0起始的月份，所以需减1
  return Date.UTC(
    dateComponents.year,
    dateComponents.month - 1,
    dateComponents.day,
    dateComponents.hour,
    dateComponents.minute,
    dateComponents.second
  );
}

// 使用示例：转换加拿大东部时区的日期
const targetTimestamp = getCanadaTimezoneTimestamp("2024-05-20 14:30:00", "America/Toronto");
console.log(targetTimestamp);

支持的加拿市区时标识：

• 东部时区：America/Toronto
• 太平洋时区：America/Vancouver
• 山地时区：America/Edmonton
• 中部时区：America/Winnipeg

关键提示 #

• 始终明确指定目标时区解析日期，避免依赖系统本地时区
• Date.UTC()直接基于UTC日期组件生成时间戳，完全不受本地系统时钟影响

内容的提问来源于stack exchange，提问作者atacan erdoğan