首页 > 编程 > JavaScript > 正文

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

2019-11-19 16:20:34
字体:
来源:转载
供稿:网友

这两天学习了vue2.0的Element UI的表格table列时间戳格式化,所以,今天添加一点小笔记。

表格属性

<el-table         :data="tableData"         v-loading.body="loading"         border         @selection-change="selectionChange"         style="width: 100%">       <el-table-column           prop="createTime"           label="创建时间"           :formatter="dateFormat"           width="150">       </el-table-column>       <el-table-column           prop="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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表