如何使用JavaScript将不规范日期字符串转换为Date对象？

这问题我之前做项目时也碰到过！像2nd June 2018这种带序数词后缀的日期字符串，直接用new Date()是解析不了的，得先做预处理，再一步步实现你要的日期范围展示。下面是具体的解决思路和代码：

核心步骤拆解 #

1. 清理日期字符串，移除序数词后缀 #

首先得把st/nd/rd/th这些后缀去掉，让字符串变成JS能识别的格式（比如2 June 2018）。用正则表达式就能轻松搞定：

const cleanedDateStr = '2nd June 2018'.replace(/(\d+)(st|nd|rd|th)/, '$1');
// 结果是 "2 June 2018"

这个正则会匹配数字+序数词的组合，然后只保留数字部分。

2. 转换为Date对象 #

清理后的字符串就能直接用new Date()解析了，记得加个校验避免无效日期：

const originalDate = new Date(cleanedDateStr);
// 检查是否解析成功
if (isNaN(originalDate.getTime())) {
  console.error('日期解析失败，请检查输入格式');
  return;
}

3. 实现天数添加功能 #

要注意Date对象是引用类型，直接修改会改变原对象，所以最好先复制一个新的Date实例再操作：

function addDays(date, days) {
  const newDate = new Date(date); // 复制原日期，避免修改原对象
  newDate.setDate(newDate.getDate() + days);
  return newDate;
}

// 示例：给原日期加7天
const laterDate = addDays(originalDate, 7);

4. 把日期转回带序数词的展示格式 #

最后需要把处理后的日期重新格式化成Xth Month Year的样式，这里需要一个生成序数词的辅助函数：

function getOrdinal(num) {
  // 11-19的序数词都是th，特殊处理
  if (num > 3 && num < 21) return 'th';
  // 其他数字根据个位判断
  switch(num % 10) {
    case 1: return 'st';
    case 2: return 'nd';
    case 3: return 'rd';
    default: return 'th';
  }
}

// 格式化日期为目标样式
function formatDateWithOrdinal(date) {
  const day = date.getDate();
  const ordinal = getOrdinal(day);
  // 用toLocaleDateString获取完整英文月份名称
  const month = date.toLocaleDateString('en-US', { month: 'long' });
  const year = date.getFullYear();
  return `${day}${ordinal} ${month} ${year}`;
}

完整示例代码 #

把上面的函数整合起来，就能实现你要的效果：

// 清理日期字符串
function cleanDateString(dateStr) {
  return dateStr.replace(/(\d+)(st|nd|rd|th)/, '$1');
}

// 添加天数
function addDays(date, days) {
  const newDate = new Date(date);
  newDate.setDate(newDate.getDate() + days);
  return newDate;
}

// 生成序数词
function getOrdinal(num) {
  if (num > 3 && num < 21) return 'th';
  switch(num % 10) {
    case 1: return 'st';
    case 2: return 'nd';
    case 3: return 'rd';
    default: return 'th';
  }
}

// 格式化带序数词的日期
function formatDateWithOrdinal(date) {
  const day = date.getDate();
  const ordinal = getOrdinal(day);
  const month = date.toLocaleDateString('en-US', { month: 'long' });
  const year = date.getFullYear();
  return `${day}${ordinal} ${month} ${year}`;
}

// 实际使用
const originalDateStr = '2nd June 2018';
const cleanedStr = cleanDateString(originalDateStr);
const originalDate = new Date(cleanedStr);

if (!isNaN(originalDate.getTime())) {
  const laterDate = addDays(originalDate, 7);
  const displayStr = `${formatDateWithOrdinal(originalDate)} - ${formatDateWithOrdinal(laterDate)}`;
  console.log(displayStr); // 输出 "2nd June 2018 - 9th June 2018"
} else {
  console.error('无法解析输入的日期字符串');
}

额外注意事项 #

• 兼容性：现代浏览器都支持new Date('2 June 2018')这种格式，但如果需要兼容老IE，可能需要手动拆分日、月、年，再用new Date(year, monthIndex, day)创建（注意月份索引是0开始的，比如June对应5）。
• 错误处理：一定要加isNaN(date.getTime())的判断，避免输入无效日期导致后续逻辑出错。

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