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

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

这两天学习了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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

vue 时间戳格式化 vue.js 时间戳格式化