详解vue2.0的Element UI的表格table列时间戳格式化
程序员文章站
2022-06-24 17:27:02
这两天学习了vue2.0的element ui的表格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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
详解element-ui日期时间选择器的日期格式化问题
-
详解element-ui日期时间选择器的日期格式化问题
-
详解vue2.0的Element UI的表格table列时间戳格式化
-
element-ui 表格数据时间格式化的方法
-
vue使用element-ui中的table表格,实现某一列的文字超出规定字符显示省略号
-
element-ui的el-table动态修改表格展示列,table高度变小问题
-
element-ui 表格数据时间格式化的方法
-
详解vue2.0的Element UI的表格table列时间戳格式化
-
vue使用element-ui中的table表格,实现某一列的文字超出规定字符显示省略号