从Moment.js迁移到date-fns，如何忽略解析时分钟与子午线的空格？

我刚巧在从Moment.js迁移到date-fns时遇到过一模一样的问题，毕竟两者的解析逻辑差异确实容易踩坑。给你分享两个实用的解决思路：

方法1：预处理输入字符串，移除所有空格 #

最简单直接的方式就是先把输入里的空格全部清掉，再用对应的格式字符串解析：

import { parse } from 'date-fns';

// 处理无空格的输入
parse('09:30PM'.replace(/\s+/g, ''), 'hh:mmaa', new Date()); 
// 处理带空格的输入
parse('09:30 PM'.replace(/\s+/g, ''), 'hh:mmaa', new Date()); 

这个方法的好处是不需要调整格式字符串，不管输入里的空格位置在哪（比如多个空格或者不同位置），都能统一处理。

方法2：使用date-fns的可选格式语法 #

date-fns支持用[]包裹可选的字面量内容，我们可以把空格定义为可选部分，这样同一个格式字符串就能匹配带空格和不带空格的两种输入：

import { parse } from 'date-fns';

// 方括号里的空格是可选的，两种输入都能匹配
parse('09:30PM', 'hh:mm[ ]aa', new Date()); 
parse('09:30 PM', 'hh:mm[ ]aa', new Date()); 

如果你的输入可能出现多个连续空格，还可以稍微调整预处理的正则（比如/\s+/g），或者结合两种方法使用。

需要注意的是，date-fns默认的严格解析是为了减少解析歧义，这也是它和Moment.js宽松解析的核心差异之一，上面的两种方法既保留了date-fns的严谨性，又能兼容不同格式的输入。

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