React应用中如何用JS内置函数将MySQL返回的ISO日期转为MM/DD/YYYY格式？

你可以通过两种JavaScript内置方式实现所需的日期格式化，无需依赖Moment.js：

方法1：手动拼接日期组件 #

这种方式直接操作Date对象的方法，灵活性高，适合精确控制格式：

function formatDate(dateStr) {
  const date = new Date(dateStr);
  // 月份从0开始，需加1后补零到两位
  const month = String(date.getMonth() + 1).padStart(2, '0');
  // 日期补零到两位
  const day = String(date.getDate()).padStart(2, '0');
  const year = date.getFullYear();
  return `${month}/${day}/${year}`;
}

// 使用示例
const myDate = "2012-03-04T00:00:00.000+00:00";
console.log(formatDate(myDate)); // 输出 "03/04/2012"

方法2：使用Intl.DateTimeFormat（推荐） #

这是ES6+内置的国际化日期格式化API，代码更简洁，且原生支持多语言格式：

function formatDate(dateStr) {
  const date = new Date(dateStr);
  // 指定en-US locale以确保MM/DD/YYYY格式
  return new Intl.DateTimeFormat('en-US', {
    month: '2-digit',
    day: '2-digit',
    year: 'numeric'
  }).format(date);
}

// 使用示例
const myDate = "2012-03-04T00:00:00.000+00:00";
console.log(formatDate(myDate)); // 输出 "03/04/2012"

两种方法都能处理你提供的ISO格式日期字符串，在React应用中可直接作为工具函数使用，无需额外依赖。

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