date-fns isSameDay函数时区相关异常：本地与服务器返回结果不一致求解法

问题根源 #

你碰到的问题核心是时区差异导致的日期判断偏差：本地和服务器时区不同时，当Date对象的时间点在某个时区跨天（比如你说的晚上7点，对应UTC午夜前后），isSameDay默认用本地时区判断，就会出现本地和服务器结果不一样的情况。

你之前用getFullYear/getMonth/getDate也出同样问题，是因为这些方法本身也是基于本地时区返回日期部分，和isSameDay默认逻辑完全一致。

用isSameDay的可选参数修复 #

isSameDay的第三个参数是配置对象，通过指定context字段，可以强制函数基于UTC或目标时区判断同一天，彻底解决时区问题：

1. 基于UTC判断 #

如果业务逻辑以UTC日期为准，直接传{ context: 'utc' }：

import { isSameDay } from 'date-fns';

const date1 = new Date('2024-05-20T19:00:00-05:00'); // 中部时区晚7点，对应UTC凌晨0点
const date2 = new Date('2024-05-20T00:00:00Z'); // UTC凌晨0点

isSameDay(date1, date2, { context: 'utc' }); // 返回true

2. 基于指定时区判断（比如中部时区） #

如果需要以特定时区（如你用的中部时区）为准，得结合date-fns-tz扩展包（核心date-fns不直接支持自定义时区）：
先安装依赖：

npm install date-fns-tz

然后把日期转换为目标时区对应的UTC时间，再用isSameDay指定UTC上下文：

import { isSameDay } from 'date-fns';
import { zonedTimeToUtc } from 'date-fns-tz';

const targetTimeZone = 'America/Chicago'; // 中部时区
const date1 = new Date('2024-05-20T19:00:00-05:00');
const date2 = new Date('2024-05-21T00:00:00Z');

// 转换为目标时区的UTC表示
const zonedDate1 = zonedTimeToUtc(date1, targetTimeZone);
const zonedDate2 = zonedTimeToUtc(date2, targetTimeZone);

isSameDay(zonedDate1, zonedDate2, { context: 'utc' }); // 返回true

关于你的临时方案 #

你把日期转成中部时区字符串再比较，本质是手动对齐了时区基准，和上面指定时区判断的逻辑一致，只是用isSameDay的参数配置更规范简洁。

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