前端如何将后台获取的日期格式为2021-09-06T18:02:02.000Z进行格式化

最近在做 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 第三方库

以上关于前端如何将后台获取的日期格式为2021-09-06T18:02:02.000Z进行格式化的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。