页面加载后如何用jQuery/JavaScript解析并转换日期格式

原生 JavaScript 实现 #

直接定位目标段落，替换指定日期即可，代码如下：

document.addEventListener('DOMContentLoaded', function() {
  const targetPara = document.querySelector('p');
  if (targetPara) {
    // 替换固定日期为目标格式
    targetPara.textContent = targetPara.textContent.replace('7/19/26', 'July 19th');
  }
});

如果需要通用处理所有MM/DD/YY格式的日期（自动转换月份全称和日期后缀），可以用正则+转换逻辑：

document.addEventListener('DOMContentLoaded', function() {
  const targetPara = document.querySelector('p');
  if (targetPara) {
    targetPara.textContent = targetPara.textContent.replace(/(\d+)\/(\d+)\/(\d+)/, function(match, month, day) {
      const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
      // 处理日期后缀（st/nd/rd/th）
      let daySuffix;
      if (day >= 11 && day <= 13) {
        daySuffix = 'th';
      } else {
        switch (day % 10) {
          case 1: daySuffix = 'st'; break;
          case 2: daySuffix = 'nd'; break;
          case 3: daySuffix = 'rd'; break;
          default: daySuffix = 'th';
        }
      }
      return `${monthNames[parseInt(month)-1]} ${day}${daySuffix}`;
    });
  }
});

jQuery 实现 #

用jQuery的选择器定位目标段落，替换文本内容：

$(document).ready(function() {
  const $targetPara = $('p:first');
  // 替换固定日期
  $targetPara.text($targetPara.text().replace('7/19/26', 'July 19th'));
});

通用日期转换版本：

$(document).ready(function() {
  const $targetPara = $('p:first');
  $targetPara.text(function(index, oldText) {
    return oldText.replace(/(\d+)\/(\d+)\/(\d+)/, function(match, month, day) {
      const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
      let daySuffix;
      if (day >= 11 && day <= 13) {
        daySuffix = 'th';
      } else {
        switch (day % 10) {
          case 1: daySuffix = 'st'; break;
          case 2: daySuffix = 'nd'; break;
          case 3: daySuffix = 'rd'; break;
          default: daySuffix = 'th';
        }
      }
      return `${monthNames[parseInt(month)-1]} ${day}${daySuffix}`;
    });
  });
});

注意事项 #

• 若页面中存在多个<p>标签，建议给目标段落添加专属class或id来精准定位，避免误改其他内容
• 通用转换逻辑会匹配所有符合MM/DD/YY格式的日期，按需选择使用

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