使用Moment.js计算剩余天数时出现NaN错误求助

问题详情 #

用Moment.js计算当前日期到优惠券有效期的剩余天数时，前端返回NaN。

代码片段 #

const start = moment();
const end = moment(coupon.validTill, 'DD MM YYYY');
const diff = end.diff(start, "days")

关键信息 #

• coupon.validTill的值为 30/02/2023
• MongoDB存储的有效期截图：
  

问题原因 #

1. 格式不匹配：代码里用'DD MM YYYY'（空格分隔）作为解析格式，但实际日期是斜杠分隔的'30/02/2023'，Moment无法正确解析。
2. 日期无效：2月没有30号，30/02/2023是无效日期，即便格式正确，Moment也无法生成有效时间对象。

解决办法 #

1. 匹配正确的日期格式：把解析格式改成'DD/MM/YYYY'，和实际日期的分隔符一致：

const end = moment(coupon.validTill, 'DD/MM/YYYY');

2. 修正无效日期：在MongoDB中将日期改为有效日期，比如平年的28/02/2023或闰年的29/02/2024。
3. 添加有效性校验：解析后检查日期是否有效，提前处理错误：

const end = moment(coupon.validTill, 'DD/MM/YYYY');
if (!end.isValid()) {
  console.error('有效期日期无效');
  // 这里可以添加提示用户或其他处理逻辑
}

内容的提问来源于stack exchange，提问作者sultan.h