美文网首页
vue+element-ui 表格中的时间格式化

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

作者: 华华00526 | 来源:发表于2019-03-13 13:24 被阅读0次

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

//我引入的moment.js 插件,专门转化时间戳

下载moment.js

npm install moment --save

1,在组件中

<el-table-column

  prop="createTime"

  :formatter="dateFormat"

  label="创建时间">  

</el-table-column>

用 ':formatter' 来绑定 设置时间格式的方法 dateForma

2,在methods 中定义 dateForma

引入moment.js

import moment from 'moment'

methods:{

    dateForma:function(row,column){

        var date = row[column.property];

        if(date == undefined){return ''};

        return moment(date).format("YYYY-MM-DD HH:mm:ss")

    }

}

这样就能转化时间戳啦,下图展示

相关文章

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

    这次的问题是,在后台的管理页面中,用户信息需要增加创建时间,后台传过来的时间戳 (1491559642000)这样...

  • element-ui中用jsx实现自定义表头

    前段时间项目(vue+element-ui)中需要两个表格,且都需要查询功能;为了不使查询占用太多空间,于是想到在...

  • Python 往mysql数据库插入 datetime、doub

    插入double类型,使用%s 而不是%d 读取excel 表格中时间转为时间格式(格式化)

  • <span>的自动换行

    中展示数据库表名,名字过长的自动换行代码 效果 表格是自己用div画的,架子用的vue+element-ui,自动...

  • vue使用elementUI中的table表格字符类型与数字类型

    一.表格显示如下:使用表格中的formatter用来格式化内容方法类型如下: 二.使用举例:1.table表格中显...

  • 2019-07-06 notepad++ 合并成一行

    今天在编写markdown文件时,在表格中,需要把一段json文件放到表格中。格式化后的json文件放到表格中会换...

  • CSS表格

    表格 表格的作用:用来表示格式化的数据 使用table标签创建一个表格 tr 标签标识表格中的一行(可以编写一个或...

  • css 表格

    表格 表格的作用:用来表示格式化的数据 使用table标签创建一个表格 tr 标签标识表格中的一行(可以编写一个或...

  • CSS学习9(表布局)

    表格式化 我们先来看看组装表的基本方法,并了解表中的元素相互之间有什么关系。这称为表格式化。 表的视觉编排 CSS...

  • css 表格

    表格 表格的作用:用来表示格式化的数据 使用table标签创建一个表格tr 标签标识表格中的一行(可以编写一个或多...

网友评论

      本文标题:vue+element-ui 表格中的时间格式化

      本文链接:https://www.haomeiwen.com/subject/gcvzpqtx.html