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

element

A Vue.js 2.0 UI Toolkit for Web

项目地址：https://gitcode.com/gh_mirrors/eleme/element

免费下载资源

蔡俊锋

5554人浏览 · 2017-12-04 10:14:42

蔡俊锋 · 2017-12-04 10:14:42 发布

表格属性

[html]view plain copy
   
<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

[javascript]view plain copy
   
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

GitHub 加速计划 / eleme / element

下载

A Vue.js 2.0 UI Toolkit for Web

最近提交(Master分支：4 个月前 )

c345bb45 1 年前

a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前

AtomGit开源社区

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念，把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起，为开发者提供从开发、训练到部署的一站式体验。

更多推荐