前端如何将后台获取的日期格式为2021

最近在做 ETL 系统时，有一个 table 列表展示，从后台获取到的时间就是 2021-09-06T18:02:02.000Z，显然不是我们想要的，而我们是想要将它格式化这种格式 YYYY-MM-DD HH:mm:ss 格式

一、2021-09-06T18:02:02.000Z

T 表示分隔符，Z 表示的是 UTC。

UTC：世界标准时间，在世界标准时间上加上 8 小时，即东八区时间，也就是北京时间。

二、 2021-09-06T18:02:02.000Z 转换成 YYYY-MM-DD HH:mm:ss 格式

引入 dayjs （一个轻量的处理时间和日期的 javascript 库）。

1. 下载 dayjs。

npm install dayjs --save
或者
yarn add dayjs --save

2. main.js 中 全局引入。

import dayjs from 'dayjs'
Vue.prototype.dayjs = dayjs;

3. 我在这里为大家封装了一个函数可以在需要的页面中应用。

timeChange(data) {
  let time = data //将需要格式化的数据传入
  time = this.dayjs(time).format('YYYY-MM-DD HH:mm:ss')
  return time 
},

4. 接下来就是在代码中将需要格式化的日期当做参数传入这个函数即可。

具体可以参考 dayjs 第三方库