JavaScript获取2022-12-20最近5天出错，如何转换为太平洋时区？

问题说明 #

需要获取2022年12月20日（太平洋时区）的最近5天日期，并转换为UTC时区的ISO格式字符串，但现有代码返回了2023年1月的日期。

原代码 #

const recentFiveDays = new Array(5).fill().map((_, index) => {
  return new Date(new Date().setDate(new Date("2022-12-20").getDate() - index))
    .toISOString()
});
console.log(recentFiveDays);

错误输出 #

[
  '2023-01-19T07:13:55.565Z',
  '2023-01-18T07:13:55.565Z',
  '2023-01-17T07:13:55.566Z',
  '2023-01-16T07:13:55.566Z',
  '2023-01-15T07:13:55.566Z'
]

期望输出 #

[
  '2022-12-19T08:00:00.000Z',
  '2022-12-18T08:00:00.000Z',
  '2022-12-17T08:00:00.000Z',
  '2022-12-16T08:00:00.000Z',
  '2022-12-15T08:00:00.000Z'
]

（注：太平洋时区PST为UTC-8，所以太平洋时间2022-12-19 00:00对应UTC的2022-12-19 08:00）

错误原因 #

1. 日期计算逻辑错误：new Date().setDate(...)是修改当前系统日期的日期值，而非基于目标日期2022-12-20计算。如果当前系统日期是2023年1月，设置日期为20 - index就会得到1月的对应日期，导致年份错误。
2. 时区未明确指定：new Date("2022-12-20")默认解析为UTC时区的2022-12-20 00:00，若本地时区与UTC存在偏移，getDate()会返回本地时区对应的日期，可能导致计算偏差。

修正方案 #

代码实现 #

// 明确指定基准日期为太平洋时区（PST/PDT）的2022-12-20
const baseDate = new Date("2022-12-20T00:00:00-08:00");

const recentFiveDays = new Array(5).fill().map((_, index) => {
  // 基于基准日期创建新的日期对象，避免修改原基准日期
  const targetDate = new Date(baseDate);
  // 减去index天，得到最近的第index天
  targetDate.setDate(targetDate.getDate() - index);
  // 转换为UTC时区的ISO格式字符串
  return targetDate.toISOString();
});

console.log(recentFiveDays);

代码解释 #

• 明确时区：通过"2022-12-20T00:00:00-08:00"指定基准日期为太平洋时区（UTC-8）的零点，避免时区解析歧义。
• 独立计算每个日期：每次循环创建新的Date对象，基于基准日期修改日期值，不会影响原基准日期或当前系统日期。
• 正确转换UTC格式：toISOString()会自动将日期转换为UTC时区的ISO标准字符串，符合期望输出格式。

内容的提问来源于stack exchange，提问作者Rio0o.dev