使用Mongoose与Luxon展示日期时出现日期提前一天问题

问题原因 #

MongoDB会将所有Date类型数据统一存储为UTC时间（即你看到的2023-01-01T00:00:00.000Z），而Luxon的fromJSDate方法默认会使用本地时区解析这个UTC时间。如果你的本地时区比UTC晚（比如UTC-8），那么UTC的2023-01-01 00:00会被转换为本地时间的2022-12-31 16:00，最终展示的日期也就变成了12月31日。

修复方案 #

方案1：指定Luxon以UTC时区解析日期（推荐）

直接在格式化时指定时区为UTC，确保展示的日期和存储的UTC时间一致：

AccomplishmentSchema.virtual("dateInput_formatted").get(function () {
  return DateTime.fromJSDate(this.dateInput, { zone: 'utc' }).toLocaleString(DateTime.DATE_FULL);
});

方案2：全局配置Luxon默认时区

如果你的整个应用都需要统一使用UTC（或其他指定时区）展示日期，可以全局设置Luxon的默认时区：

const { DateTime, Settings } = require("luxon");
// 全局设置为UTC时区，也可替换为具体时区如"Asia/Shanghai"
Settings.defaultZone = 'utc';

// 后续虚拟属性无需再单独指定时区
AccomplishmentSchema.virtual("dateInput_formatted").get(function () {
  return DateTime.fromJSDate(this.dateInput).toLocaleString(DateTime.DATE_FULL);
});

方案3：存储时转换为用户本地时区（不推荐）

不建议修改MongoDB的UTC存储规则，但如果业务必须按用户本地时区存储，需要在接收表单数据时先转换：

// 假设表单提交的dateInput是YYYY-MM-DD格式的字符串
const userLocalDate = DateTime.fromFormat(req.body.dateInput, 'yyyy-MM-dd').toJSDate();
// 再将userLocalDate存入数据库

注意：这种方式会导致跨时区用户查看数据时出现日期偏差，违背MongoDB的UTC存储最佳实践。

验证修改 #

修改后，存储的2023-01-01T00:00:00.000Z会被正确解析为UTC时区的2023年1月1日，页面展示的日期将和控制台日志一致。

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