如何修复Node.js预订系统中date-fns给时间加1小时的问题

你遇到的问题核心是时区转换导致的时间偏移：new Date(reservation_hour)会把带Z后缀的UTC时间转换为服务器本地时区的时间，如果服务器运行在UTC+1时区（比如欧洲中部时间），2023-06-06T12:00:00.000Z就会被转成本地时间13:00，最终格式化后显示13:00。

以下是几种直接可行的解决方法：

• 强制使用UTC时区格式化
  用date-fns内置的formatUTC方法替代format，直接基于原始UTC时间格式化，跳过本地时区转换：

  import { formatUTC } from "date-fns"
  
  const formattedReservationHour = formatUTC(
    new Date(reservation_hour),
    "HH:mm"
  );
  

  输入UTC 12:00时，输出将保持12:00。

• 转换为指定时区显示（如用户本地时区）
  如果需要将UTC时间转换为用户所在时区的时间，需使用date-fns-tz扩展包（基础date-fns不支持时区转换）：
  先安装依赖：

  npm install date-fns-tz
  

  再用formatInTimeZone指定目标时区（示例为东八区北京时间）：

  import { formatInTimeZone } from "date-fns-tz"
  
  const formattedReservationHour = formatInTimeZone(
    new Date(reservation_hour),
    "Asia/Shanghai",
    "HH:mm"
  );
  

  注：需提前获取用户的时区信息（如从前端传入）。

• 直接截取UTC字符串的时间部分
  如果reservation_hour是标准UTC格式的字符串（如数据库返回的"2023-06-06T12:00:00.000Z"），可以直接截取时间片段，无需转换Date对象：

  const formattedReservationHour = reservation_hour.slice(11, 16);
  

  这种方法最简单，但仅适用于输入格式固定的场景。

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