国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 三台县| 石台县| 奇台县| 东城区| 怀化市| 晋州市| 延川县| 垫江县| 四会市| 青川县| 和平区| 京山县| 门头沟区| 吉水县| 沂水县| 修水县| 安溪县| 寿光市| 闻喜县| 怀化市| 九江市| 泰顺县| 延边| 资阳市| 朝阳市| 山丹县| 南汇区| 噶尔县| 桐庐县| 浪卡子县| 怀仁县| 奉化市| 长子县| 平和县| 永清县| 资兴市| 景德镇市| 民乐县| 蕲春县| 敦化市| 桃园县|