当我们遇到从后台获取的日期格式是2020-09-29T18:02:02.000Z如何转

一、2020-09-29T18:02:02.000Z

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

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

二、 2020-09-29T18:02:02.000Z转换为 2020-09-30 02:02:02 步骤:

①.引入 dayjs (一个轻量的处理时间和日期的javascript库)

  1. 下载 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. 接下来就是在代码中将需要格式化的日期当做参数传入这个函数即可.

     <template slot-scope="scope">
          {{ timeChange(scope.row.addDate) }}
     </template>

  5. 具体可以参考 dayjs第三方库

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值