前端如何将后台获取的日期格式为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进行格式化
码云笔记 » 前端如何将后台获取的日期格式为2021-09-06T18:02:02.000Z进行格式化