如何正确格式化发送给使用Mongoose的NodeJS服务端的搜索日期参数

问题根因 #

核心是客户端本地时区与服务端UTC时区的偏移误差，你提到的UTC5点阈值刚好对应你所在时区为UTC-5，偏差正好是5小时：

• 原生<input type="date">选中的日期默认不带时区信息，直接转ISO字符串时，JS会按客户端本地时区计算对应的UTC时间。比如你在UTC-5时区选中2024-06-01，直接转ISO得到的是2024-05-31T19:00:00.000Z，服务端用这个值调用setUTCHours(0)时，实际查询的是2024-05-31的全天数据，自然会匹配到前一天的结果。
• 你在客户端执行date.setHours(0)本质还是修改本地时区的小时数，转ISO后依然带时区偏移，只能解决部分时段的偏差，没有根除问题。

解决方案 #

方案1：客户端传纯日期字符串（推荐） #

不要传带时区的ISO时间，直接把<input>选中的日期以YYYY-MM-DD的纯字符串格式传给服务端，服务端直接基于这个日期构建UTC时间范围即可：

// 服务端接收的date为客户端传的纯日期字符串，例：'2024-06-01'
const startDate = new Date(`${date}T00:00:00.000Z`);
const endDate = new Date(`${date}T24:00:00.000Z`);
query.date = {
  $gte: startDate,
  $lt: endDate,
};

该方案逻辑最清晰，完全避免时区转换误差，前端无需额外处理，原生date input的value属性默认就是YYYY-MM-DD格式。

方案2：客户端直接计算UTC起止时间 #

如果必须传ISO格式时间，就在客户端直接计算好目标日期对应的UTC起止时间，传给服务端直接使用，无需服务端二次处理：

// 客户端代码
const selectedDate = document.querySelector('input[type="date"]').value;
const startUTC = new Date(`${selectedDate}T00:00:00.000Z`).toISOString();
const endUTC = new Date(`${selectedDate}T24:00:00.000Z`).toISOString();
// 将startUTC、endUTC传给服务端

// 服务端代码
query.date = {
  $gte: new Date(startUTC),
  $lt: new Date(endUTC),
};

注意：所有日期处理逻辑不要混用本地时区方法（setHours/getHours）和UTC时区方法（setUTCHours/getUTCHours），统一用UTC时区处理即可完全避免这类偏差。

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