這兩天學習了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="創(chuàng)建時間" :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: { //列表數(shù)據(jù) 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組件傳入的方法函數(shù)應該使用v-bind屬性綁定
時間格式化使用moent.js
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答