使用date-fns计算HH:mm格式时间差结果不符，疑时区冲突求助

数据老陈

2026-8-21

问题分析与解决

问题根源

你的代码中，difference是两个时间的毫秒差，直接传给date-fns的format函数时，format会将其视为从1970-01-01 UTC开始的时间戳来解析。调试信息显示，你的本地时区在1970年1月1日是GMT+0100，但当前系统时区是GMT+0200（夏令时），导致format解析时自动加上了1970年的时区偏移，把原本的7小时15分变成了8小时15分。

解决方案

方案1：手动计算时间差（无需依赖库，彻底避免时区干扰）

直接将时间转换为总分钟数计算差值，再格式化为HH:mm：

const calcTimeDiff = (time1: string, time2: string) => {
    const [startHour, startMin] = time1.split(':').map(Number);
    const [endHour, endMin] = time2.split(':').map(Number);

    const totalStartMinutes = startHour * 60 + startMin;
    const totalEndMinutes = endHour * 60 + endMin;
    const diffMinutes = totalEndMinutes - totalStartMinutes;

    const hours = Math.floor(diffMinutes / 60);
    const minutes = diffMinutes % 60;

    // 补零确保两位格式
    return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
}

方案2：使用date-fns的UTC格式化方法

通过Date.UTC创建无本地时区偏移的时间，再用formatUTC格式化差值，确保时区一致：

import { formatUTC } from 'date-fns';

const calcTimeDiff = (time1: string, time2: string) => {
    const [startHour, startMin] = time1.split(':');
    const [endHour, endMin] = time2.split(':');

    // 基于UTC创建时间，消除本地时区影响
    const timeStart = new Date(Date.UTC(0, 0, 1, +startHour, +startMin, 0, 0));
    const timeEnd = new Date(Date.UTC(0, 0, 1, +endHour, +endMin, 0, 0));

    const difference = timeEnd.getTime() - timeStart.getTime();
    // 使用formatUTC以UTC时区解析时间戳，避免偏移
    return formatUTC(difference, 'HH:mm');
}