在 Vue 前端中，如果你想将日期格式改为 "yyyy-MM-dd HH:mm:ss"，可以使用 JavaScript 的 Date 对象以及常用的日期处理库（比如 moment.js 或 dayjs）来实现格式化。以下是两种常见的解决方案：
方法 1: 使用 dayjs 格式化日期
dayjs 是一个轻量级的日期库，功能与 moment.js 相似，但是更加简洁。
安装 dayjs：
npm install dayjs
使用 dayjs 格式化日期：
import dayjs from 'dayjs';const date = "2025-01-11T08:12:21.000Z"; // 示例 ISO 8601 格式日期
const formattedDate = dayjs(date).format('YYYY-MM-DD HH:mm:ss');console.log(formattedDate); // 输出: 2025-01-11 08:12:21
方法 2: 使用 toLocaleString 和自定义格式
如果你不想使用额外的库，也可以使用原生的 JavaScript Date 对象和 toLocaleString 来格式化日期，但这需要稍微更多的代码来实现自定义的格式。
const date = new Date("2025-01-11T08:12:21.000Z");const formattedDate = `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')} ${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}:${date.getSeconds().toString().padStart(2, '0')}`;console.log(formattedDate); // 输出: 2025-01-11 08:12:21
这种方式通过 Date 对象手动拼接各个部分，最终得到你想要的格式。
方法 3: 使用 moment.js（虽然这个库已经不再推荐使用）
如果你已经在项目中使用了 moment.js，你也可以通过它来实现日期格式化。
安装 moment.js：
npm install moment
使用 moment.js 格式化日期：
import moment from 'moment';const date = "2025-01-11T08:12:21.000Z";
const formattedDate = moment(date).format('YYYY-MM-DD HH:mm:ss');console.log(formattedDate); // 输出: 2025-01-11 08:12:21
总结
- 最推荐的做法：使用
dayjs，因为它轻量且功能强大，适合用于前端项目。 - 如果不想安装额外的库，使用原生的 JavaScript 方法也能实现日期格式化。
