前端如何将后台获取的日期格式为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第三方库

「点点赞赏,手留余香」

1

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有资源及文章均来源于网络及用户分享或为本站原创,仅限用于学习和研究,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 前端如何将后台获取的日期格式为2021-09-06T18:02:02.000Z进行格式化

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们