使用moment.js的isSame方法比较日期失效，问题出在哪？

问题描述 #

在Vue项目中定义了一组计算属性：getCurrentDate用于获取当前日期，deadline用于获取数据库字段中的日期，需要对二者进行比较。按照moment.js文档使用isSame方法判断，但即使日期不匹配，控制台仍输出'dates match'。通过Vue Devtools查看发现日期格式一致，求问题原因及解决办法。

相关代码：

computed: {
  getCurrentDate() {
    return moment().locale(this.$i18n.locale).format('L')
  },
  deadline() {
    return moment(this.reservation.deadline).locale(this.$i18n.locale).format('L');
  },
  compareDates() {
    if (moment(this.deadline).isSame(this.getCurrentDate)) {
      console.log('dates match')
    } else {
      console.log('dates do not match')
    }
  },
}

问题原因 #

1. 字符串转换引入解析风险：你将moment对象格式化成本地化字符串后，又重新用moment()解析，moment对本地化格式字符串的解析可能出现错误（比如不同locale的L格式差异），导致两个错误的日期对象被判定为相同。
2. 未指定比较粒度：isSame默认比较毫秒级时间，若未指定只比较日期部分，即使日期相同但时间不同也会返回false；但这里的核心问题是转换后的字符串解析出错，导致误判。
3. 逻辑冗余：来回转换字符串完全没必要，徒增出错概率。

解决办法 #

方案一：直接比较moment对象（推荐） #

保留getCurrentDate和deadline为moment对象，避免字符串转换，同时指定比较粒度为'day'确保只比较日期部分：

computed: {
  getCurrentDate() {
    // 取当天0点，消除时间部分对比较的影响
    return moment().locale(this.$i18n.locale).startOf('day');
  },
  deadline() {
    return moment(this.reservation.deadline)
      .locale(this.$i18n.locale)
      .startOf('day');
  },
  compareDates() {
    if (this.deadline.isSame(this.getCurrentDate, 'day')) {
      console.log('dates match')
    } else {
      console.log('dates do not match')
    }
  },
}

方案二：若需保留格式化字符串，明确指定解析格式 #

如果因为页面展示需求必须返回格式化后的字符串，比较时要明确告诉moment解析格式，避免解析错误：

computed: {
  getCurrentDate() {
    return moment().locale(this.$i18n.locale).format('L')
  },
  deadline() {
    return moment(this.reservation.deadline).locale(this.$i18n.locale).format('L');
  },
  compareDates() {
    // 获取当前locale对应的L格式规则
    const dateFormat = moment.localeData(this.$i18n.locale).longDateFormat('L');
    // 用指定格式解析字符串为moment对象
    const deadlineMoment = moment(this.deadline, dateFormat);
    const currentMoment = moment(this.getCurrentDate, dateFormat);
    
    if (deadlineMoment.isSame(currentMoment, 'day')) {
      console.log('dates match')
    } else {
      console.log('dates do not match')
    }
  },
}

注意事项 #

• 确保this.reservation.deadline是moment能正确解析的日期格式（如ISO字符串、时间戳等）。
• 使用isSame时，若只需比较日期/月份/年份，一定要指定第二个参数（如'day'、'month'），避免时间部分干扰结果。

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