如何在JavaScript中解析可选带时间的英式格式日期字符串？

在JavaScript中，需要将「13/12/2023」或「13/12/2023 10:00:00 AM」这类英式格式的日期字符串解析为Date对象。直接使用new Date('13/12/2023')无法实现，因为它默认采用美式区域设置。

尝试用luxon库处理时，不带时间的日期可以用以下代码解析：

import { DateTime } from 'luxon';
var luxonDate = DateTime.fromFormat("13/12/2023", 'dd/MM/yyyy');

但该代码仅适用于不带时间的字符串。要解析带时间的格式，需将格式字符串调整为'dd/MM/yyyy h:mm:ss a'：

import { DateTime } from 'luxon';
var luxonDate = DateTime.fromFormat("13/12/2023 10:00:00 AM", 'dd/MM/yyyy h:mm:ss a');

目前的问题是时间部分为可选，手动判断字符串是否包含时间再选择对应格式比较繁琐，想了解是否存在无需手动处理的方案？

方法1：使用Luxon格式字符串的可选部分语法 #

Luxon的fromFormat方法支持用方括号[]包裹格式中的可选部分，解析器会自动识别字符串中是否包含该部分，无需手动判断。将时间部分用方括号包裹后，即可同时兼容带时间和不带时间的两种格式：

import { DateTime } from 'luxon';

// 解析不带时间的日期
const dateOnly = DateTime.fromFormat("13/12/2023", 'dd/MM/yyyy[ h:mm:ss a]');
console.log(dateOnly.toJSDate()); // 转换为原生Date对象

// 解析带时间的日期
const dateWithTime = DateTime.fromFormat("13/12/2023 10:00:00 AM", 'dd/MM/yyyy[ h:mm:ss a]');
console.log(dateWithTime.toJSDate()); // 转换为原生Date对象

如果字符串中没有时间部分，解析后的DateTime对象会默认将时间设为00:00:00。

方法2：使用Luxon的parse方法配合区域设置 #

通过指定locale为英式英语（en-GB），DateTime.parse方法可以自动识别英式日期格式，同时兼容带时间和不带时间的字符串：

import { DateTime } from 'luxon';

// 解析不带时间的日期
const dateOnly = DateTime.parse("13/12/2023", { locale: 'en-GB' });
console.log(dateOnly.toJSDate());

// 解析带时间的日期
const dateWithTime = DateTime.parse("13/12/2023 10:00:00 AM", { locale: 'en-GB' });
console.log(dateWithTime.toJSDate());

这种方法无需指定具体格式字符串，Luxon会根据区域设置自动匹配合适的解析规则，适合格式较为标准的场景。

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