vue时间格式转换

       在 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 方法也能实现日期格式化。