UTC日期格式化问题：深夜转换跳日及解决方案验证

我在React TypeScript/JS项目中使用以下代码进行日期格式化：

fromDate: fromDate.toISOString().split('T')[0], // formatted to 2000-01-01

但在深夜运行时出现异常：例如2022年6月30日23点执行时，日期被转换为7月1日。我尝试使用date-fns的format函数修复：

fromDate: format(Date.parse(fromDate.toLocaleString()), 'yyyy-MM-dd'),// formatted to 2000-01-01

请问该方案能否解决UTC问题？是否应修改日期选择器忽略时间？如何无需等到深夜进行测试？控制台日志截图展示了原日期与格式化后日期的差异。

1. 你的date-fns方案能否解决UTC问题？ #

不能，Date.parse(fromDate.toLocaleString())的写法存在问题。toLocaleString()返回的是本地格式的字符串（比如中文环境可能是2022/6/30 23:00:00），Date.parse解析这类字符串时依赖本地时区，过程容易出现歧义，且没有从根本上处理UTC偏移的问题。

正确的做法是直接用date-fns的format函数处理原始Date对象——date-fns默认基于本地时区处理日期，不会出现UTC转换导致的日期跳变：

import { format } from 'date-fns';

fromDate: format(fromDate, 'yyyy-MM-dd');

2. 是否应修改日期选择器忽略时间？ #

非常建议这么做。如果业务场景只需要日期（无需时分秒），直接让日期选择器返回仅包含日期信息的Date对象（比如时间部分固定为00:00:00），从源头避免时间带来的时区问题。

多数主流日期选择器组件（如Ant Design DatePicker、react-datepicker）都有专门的日期选择模式，不会包含时间部分，后续格式化时就不会出现深夜时间导致的日期偏移。

3. 如何无需等到深夜进行测试？ #

可以手动构造特定时间的Date对象模拟场景：

• 构造本地时区下接近午夜的日期，示例：

// 模拟本地时区2022年6月30日23:00:00（注意月份从0开始，5代表6月）
const testDate = new Date(2022, 5, 30, 23, 0, 0);

• 分别用旧代码和新代码处理该日期，对比输出结果，验证是否还存在日期跳变问题。
• 也可以修改浏览器时区设置（比如切换到UTC+12时区），或在Node.js环境中通过TZ环境变量模拟不同时区场景，确保代码在各种时区下正常工作。

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