date-fns中parseISO解析ISO日期出现时间偏移问题咨询

时间偏移原因 #

你数据库里的2022-09-20T19:52:53.000Z是UTC标准时间（末尾的Z代表UTC时区）。parseISO方法会将这个UTC时间解析成对应你本地时区的Date对象——你的本地时区应该是UTC+2，所以用format格式化时，自动转成了本地时间，才会出现2小时的偏移。

解决方案 #

1. 直接截取字符串（最简单方案） #

如果只需要显示原始UTC时间部分，完全可以直接处理数据库返回的字符串：

const isoStr = "2022-09-20T19:52:53.000Z";
const originalTime = isoStr.slice(11, 19); // 得到 "19:52:53"

这种方法无需依赖date-fns的日期解析，高效直接，适合仅需展示时间的场景。

2. 使用date-fns的UTC格式化方法 #

如果需要保留Date对象进行后续操作，同时要显示UTC时间，用formatUTC代替format即可：

import { parseISO, formatUTC } from 'date-fns';

const result = formatUTC(parseISO("2022-09-20T19:52:53.000Z"), "HH:mm:ss");
// 结果为 "19:52:53"

formatUTC会基于UTC时区格式化日期，避免本地时区的偏移影响。

关于自行处理字符串的可行性 #

完全可行。当你不需要对日期进行计算、比较等操作，只是提取并显示原始时间时，直接处理字符串是非常高效的方案，还能规避时区转换带来的问题。

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