如何将后端返回的ISO日期解析为yyyy-mm-dd hh-mm格式？

你当前用slice的方法虽然简单直接，但完全依赖ISO字符串的固定格式——要是后端哪天返回的格式变了（比如时区不是Z而是带偏移的+08:00），代码可能就出问题了。下面给你几种更靠谱的替代方案：

1. 用原生Date对象手动提取字段 #

通过Date对象解析字符串，再手动提取年、月、日、时、分，最后拼接成目标格式。这种方法不依赖字符串的固定结构，适配性更强：

export const convertDate = (value) => {
  const date = new Date(value);
  // 补零处理，保证月份、日期、时分都是两位数字
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');
  const hours = String(date.getUTCHours()).padStart(2, '0'); // 原时间是UTC的Z，所以用UTC相关方法
  const minutes = String(date.getUTCMinutes()).padStart(2, '0');

  return `${year}-${month}-${day} ${hours}:${minutes}`;
};

提示：如果需要把UTC时间转成本地时间，把getUTCHours和getUTCMinutes换成getHours和getMinutes就行。

2. 用Intl.DateTimeFormat API格式化 #

这是ES6+自带的国际化日期格式化工具，代码简洁还符合标准：

export const convertDate = (value) => {
  const date = new Date(value);
  // 配置格式，指定UTC时区对应原字符串的Z标记
  const formatter = new Intl.DateTimeFormat('zh-CN', {
    year: 'numeric',
    month: '2-digit',
    day: '2-digit',
    hour: '2-digit',
    minute: '2-digit',
    timeZone: 'UTC',
    hour12: false // 禁用12小时制，确保是24小时格式
  });
  // 格式化后默认是"2022/09/30 21:39"，把斜杠换成横杠就行
  return formatter.format(date).replace(/\//g, '-');
};

3. 用轻量级日期库（比如dayjs） #

如果项目里已经用了日期处理库，比如dayjs，写起来会更省心：

import dayjs from 'dayjs';

export const convertDate = (value) => {
  // 用UTC模式解析，直接输出目标格式
  return dayjs.utc(value).format('YYYY-MM-DD HH:mm');
};

最后对比下几种方案的优劣：

• 你的slice方法：最快、代码最少，但只能处理固定格式的ISO字符串，灵活性差。
• Date对象方法：不依赖任何外部工具，能处理各种合法的日期字符串，兼容性拉满。
• Intl.DateTimeFormat：符合国际化规范，代码简洁，适合多语言场景。
• 日期库：写法最优雅，功能全，适合需要复杂日期处理的项目。

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