在vue中将-07-05T09:57:39.000Z 转换成 YYYY-MM-DD HH:mm:ss 格式

1.问题描述

今天联系项目的时候遇到一个时间格式的问题，在数据库的时候时间格式是正常的，但是前端页面拿的数据渲染表格的时候就显示不是我想要的格式了，这就需要对时间格式进行处理了

下面两张图就是数据库和vue页面一开始显示的时间

2.下面讲述一下格式化的方法

npm install dayjs或者yarn add dayjs

在man.js中全局引入并挂载到全局

import dayjs from "dayjs"Vue.prototype.dayjs = dayjs

在methods中写一个函数

timeTranslate (val) {// 格式化时间-07-05T09:57:39.000Z 成 -08-07 00:00:00return this.dayjs(val).format('YYYY-MM-DD HH:mm:ss')},

在页面应用函数就可以了

<el-table-column prop="createTime" label="时间"> <template slot-scope="scope">{{timeTranslate(scope.row.createTime)}}</template></el-table-column>

最终效果如下如，时间显示正常了