国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

詳解vue2.0的Element UI的表格table列時間戳格式化

2019-11-19 16:20:34
字體:
供稿:網(wǎng)友

這兩天學習了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)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 昌吉市| 突泉县| 夏河县| 清苑县| 东安县| 新郑市| 乌兰浩特市| 宣恩县| 昌邑市| 晋城| 息烽县| 杭锦旗| 广宁县| 琼海市| 衡水市| 桐梓县| 秦皇岛市| 前郭尔| 理塘县| 固镇县| 兴海县| 辉南县| 金川县| 正镶白旗| 南部县| 霍林郭勒市| 弋阳县| 瑞丽市| 澎湖县| 沽源县| 滦平县| 中山市| 山丹县| 巨鹿县| 八宿县| 阿勒泰市| 漠河县| 鹿邑县| 大方县| 苗栗市| 前郭尔|