Moment.js subtract函数处理自定义日期时失效的原因及解决方法

这个问题我之前踩过坑！核心原因其实是Moment.js解析自定义日期格式时失败了，导致生成的是一个无效的日期对象，所以后续的subtract操作根本起不了作用。

为什么会这样？ #

• 当你直接调用moment('19-Aug-2021')时，Moment.js会尝试自动解析这个字符串，但19-Aug-2021这种DD-MMM-YYYY格式并不是所有环境下都能被正确识别的——它依赖于底层的Date.parse方法，不同浏览器/Node.js版本的解析行为可能不一致。
• 一旦解析失败，Moment.js会生成一个无效的日期实例。对无效实例调用subtract，它不会抛出错误，但也不会修改日期值，所以你看到的结果还是原来的字符串。
• 而moment()是直接获取当前系统日期，这个是绝对有效的，所以subtract能正常工作。

正确的解决方法 #

必须明确指定解析格式，告诉Moment.js你的日期字符串是什么结构，这样它才能精准解析出有效的日期对象，后续的subtract操作就会生效了：

写法一：链式调用

// 指定解析格式后链式调用subtract，最后用format()输出结果
moment('19-Aug-2021', 'DD-MMM-YYYY').subtract(30, 'days').format()

写法二：分步操作

// 先创建有效的Moment实例
const latestDate = moment('19-Aug-2021', 'DD-MMM-YYYY')
// 执行减天数操作
latestDate.subtract(30, 'days')
// 输出结果
console.log(latestDate.format()) // 会输出2021-07-20左右的正确日期

额外调试技巧 #

如果想确保解析严格（格式不匹配时直接返回无效对象，方便排查问题），可以加上第三个参数true：

// 严格模式下，格式不匹配会返回无效实例
moment('19-Aug-2021', 'DD-MMM-YYYY', true).subtract(30, 'days')

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