如何使用Day.js将ISO时间转换为12小时制日期时间格式？

步骤1：确保Day.js及所需插件已安装和导入 #

如果还没安装Day.js，先执行安装命令：

npm install dayjs
# 或者
yarn add dayjs

由于你的原始时间是UTC格式（带Z后缀），若需要指定目标时区转换，需加载utc和timezone插件，在代码顶部添加：

import dayjs from 'dayjs';
import utc from 'dayjs/plugin/utc';
import timezone from 'dayjs/plugin/timezone';

// 加载插件
dayjs.extend(utc);
dayjs.extend(timezone);

步骤2：修改表格单元格的格式化代码 #

根据你需要的YYYY-MM-DD hh:mm A（12小时制）格式，用Day.js的format方法处理时间字段：

情况1：转换为本地时区时间

按用户设备的本地时区转换：

<TableCell align="left">
  {recent.location} & {dayjs(recent.time).format('YYYY-MM-DD hh:mm A')}
</TableCell>

情况2：转换为指定时区时间（如你示例中的UTC+8时区）

固定转换到某个时区（如亚洲上海时区）：

<TableCell align="left">
  {recent.location} & {dayjs(recent.time).utc().tz('Asia/Shanghai').format('YYYY-MM-DD hh:mm A')}
</TableCell>

格式字符串说明 #

• YYYY：4位完整年份（如2022）
• MM：2位月份（如11）
• DD：2位日期（如14）
• hh：12小时制的小时数（01-12）
• mm：2位分钟数（如42）
• A：大写的AM/PM标识（如PM）

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