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

1. vue 安装 moment 

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

   表格属性
3. 
   
4. <el-table  
5.                 :data="tableData"  
6.                 v-loading.body="loading"  
7.                 border  
8.                 @selection-change="selectionChange"  
9.                 style="width: 100%">  
10.             <el-table-column  
11.                     prop="createTime"  
12.                     label="创建时间"  
13.                     :formatter="dateFormat"  
14.                     width="150">  
15.             </el-table-column>  
16.             <el-table-column  
17.                     prop="updateTime"  
18.                     label="更新时间"  
19.                     width="150">  
20.             </el-table-column>              
21.         </el-table>  

script

[javascript]  view plain  copy

1. new Vue({  
2.         el: '#tableView',  
3.         data: {  
4.             //列表数据  
5.             tableData: [{  
6.             "createTime":1491559642000,  
7.             "updateTime":1491559642000  
8.             }],  
9.         },  
10.         methods:{  
11.             //时间格式化  
12.             dateFormat:function(row, column) {  
13.                var date = row[column.property];  
14.           if (date == undefined) {  
15.              return "";  
16.           }  
17.           return moment(date).format("YYYY-MM-DD HH:mm:ss");  
18.             }  
19.         }  
20.     });