如何使用Moment.js确保JS中数据库与表单日期比较的正确性

为什么字符串比较会失效 #

直接比较日期字符串的问题在于，字符串是按字符顺序逐一对比，不是按日期的逻辑顺序判断。比如如果日期格式是DD/MM/YYYY，'30/11/2023'和'29/12/2023'用字符串比较会认为前者更大，但实际后者是更晚的日期；就算是YYYY/MM/DD格式，一旦格式不统一（比如某个日期少了前导零），也会出现判断错误。

用Moment.js实现可靠比较的步骤 #

1. 将日期字符串转为Moment对象
   必须明确指定日期格式，避免Moment自动解析时出现歧义。比如你的数据库日期是YYYY/MM/DD格式，代码如下：

   // 假设leavingDate是从数据库获取的字符串，selectedDate是用户选择的字符串
   const leavingMoment = moment(leavingDate, 'YYYY/MM/DD');
   const selectedMoment = moment(selectedDate, 'YYYY/MM/DD');
   

2. 可选：验证日期有效性
   先检查两个日期是否合法，避免无效日期导致的判断错误：

   if (!selectedMoment.isValid()) {
     // 提示用户选择合法日期
     console.log('请选择有效的日期');
     return;
   }
   if (!leavingMoment.isValid()) {
     // 处理数据库日期异常的情况，比如记录日志
     console.log('数据库返回的离开日期无效');
     return;
   }
   

3. 执行日期比较
   Moment.js提供了直观的比较方法，也支持直接用比较运算符：

   • 方法一：使用isAfter()方法（语义更清晰）

     if (selectedMoment.isAfter(leavingMoment)) {
       // 用户选择的日期晚于离开日期，执行对应逻辑
       console.log('选择的日期不能晚于离开日期');
     }
     

   • 方法二：直接用>运算符（和原生日期对象用法一致）

     if (selectedMoment > leavingMoment) {
       // 同样的逻辑
       console.log('选择的日期不能晚于离开日期');
     }
     

额外说明 #

• 如果你的日期格式不是YYYY/MM/DD，一定要修改moment()的第二个参数为实际格式（比如YYYY-MM-DD、DD/MM/YYYY等）。
• 如果你需要判断小于等于，可以用isSameOrBefore()方法，或者<=运算符。

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