vue2.0的Element UI的表格table列时间戳格式化

2018-05-04 20:57 阅读 5,790 次 评论 0 条

表格属性:

<el-table:data="tableData"v-loading.body="loading"border@selection-change="selectionChange"style="width: 100%">
<el-table-columnprop="createTime"label="创建时间":formatter="dateFormat"width="150"></el-table-column>
    <el-table-columnprop="updateTime"label="更新时间"width="150">
</el-table-column>
</el-table>

script:

new Vue({
    el: '#tableView',
    data: { 
        //列表数据tableData: 
        [{
            "createTime":1491559642000,
            "updateTime":1491559642000}],
        },
    methods:{
        //时间格式化
        dateFormat:function(row, column) {
            var date = row[column.property];
            if (date == undefined) {return "";}
            return moment(date).format("YYYY-MM-DD HH:mm:ss");
        }
     }
});

vue组件传入的方法函数应该使用v-bind属性绑定,时间格式化使用moent.js。

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:vue2.0的Element UI的表格table列时间戳格式化 | 雨晨博客
分类:Vue.js, 前端笔记 标签:,

发表评论


表情