如何在JavaScript中重置日期的时、分、秒？（React Native场景）

问题描述 #

我正在开发一款React Native应用，需要获取用户本地日期并保存至数据库，无需关注时、分、秒，因此想要重置这些时间部分。重置的目的是便于更轻松地比较日期，只需准确记录当天日期即可。我编写了如下代码，但不确定其正确性：

日期操作存在诸多注意事项，比如各国时区、夏令时、冬令时等差异，为避免此类问题，特此咨询。

const today = new Date();
today.setUTCHours(0, 0, 0, 0);
console.log(today);

// output: 2023-06-15T00:00:00.000Z

解决方案 #

你这段代码存在时区偏差风险，具体问题和优化方案如下：

• 问题核心：new Date()生成的是用户本地时区时间，调用setUTCHours(0,0,0,0)是将UTC时间设为当天零点，但这对应的用户本地时间未必是当天零点。比如东八区用户，UTC零点对应本地早8点，此时保存的UTC日期是当天，但用户本地实际还处于前一天的晚8点，会导致日期记录错误。

方法1：基于本地时区重置时间 #

直接操作本地时间，将其设为当天零点：

const today = new Date();
today.setHours(0, 0, 0, 0);
// 此时today是本地时区的当天零点，比如东八区会显示为2023-06-14T16:00:00.000Z（对应本地6月15日0点）
console.log(today);

保存到数据库时，建议转成UTC时间戳或标准日期格式，避免跨时区读取时出现混乱。

方法2：直接构造纯日期字符串（推荐） #

如果只需要记录日期（如2023-06-15），直接提取本地日期的年、月、日构造字符串，完全规避时间和时区问题：

const today = new Date();
const year = today.getFullYear();
const month = String(today.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需+1并补零
const day = String(today.getDate()).padStart(2, '0');
const dateStr = `${year}-${month}-${day}`;
console.log(dateStr); // 输出：2023-06-15

这种方式保存到数据库后，直接用字符串对比日期即可，完全不受夏令时、时区切换的影响。

关键注意事项 #

• 明确区分本地时区日期和UTC日期，不要混用两种操作逻辑。
• 若需跨时区同步日期，建议统一用UTC时间戳或YYYY-MM-DD格式的字符串存储。
• 夏令时/冬令时切换时，本地时间可能出现23或25小时的特殊情况，但上述两种方法均基于本地日期逻辑，不会受此影响。

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