vue+element-ui 表格中的时间格式化

将毫秒转换为时间格式

提示:在后台的管理页面中,用户信息需要添加创建时间,后台传过来的时间戳(149155946420000)这样的格式,在表格中显示正常的YYYY-MM-DD HH:mm:ss


提示:引入插件moment.js插件,专门转化时间戳


下载插件

下载moment.js

npm install moment --save

提示:以下是本篇文章正文内容,下面案例可供参考

一、在组件中

代码如下(实例):

<el-table-column
   prop="createDate"
   label="添加时间"
   :formatter="dateFormat"    //绑定方法
   align="center"
   min-width="140"
 ></el-table-column>

二、引入moment

代码如下(示例):

import moment from 'moment'

三、写入方法及格式

代码如下(示例):

methods:{
	dateFormat(row, column) {
      var date = row[column.property] * 1000  // 先将拿到的数据改为毫秒
      //若此时的时间戳已为毫秒则无需再 * 1000
      if (date === undefined) {
        return ''
      }
      return moment(date).format('YYYY-MM-DD HH:mm') // 这里可修改的格式
    },
}

注:以上是本篇文章全部内容,案例可供参考


总结

提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值