鍍金池/ 問答/HTML/ vue 時間戳轉(zhuǎn)換成時間顯示

vue 時間戳轉(zhuǎn)換成時間顯示

后臺給的表格數(shù)據(jù)里時間是一個13位的時間戳，需要轉(zhuǎn)換成時間顯示在表格里，

// 時間戳轉(zhuǎn)換成時間
      timestampToTime (cjsj) {
        var date = new Date(cjsj) //時間戳為10位需*1000，時間戳為13位的話不需乘1000
        var Y = date.getFullYear() + '-'
        var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-'
        var D = date.getDate() + ' '
        var h = date.getHours() + ':'
        var m = date.getMinutes() + ':'
        var s = date.getSeconds()
        return Y+M+D+h+m+s
        console.log(timestampToTime (1533293827000))
    },

請問在<template>里的表格中怎么調(diào)用這個方法，我調(diào)用了都沒有獲取到時間。
用的是element-ui框架里的表格組件<el-table-column>，里面是prop上綁定的字段名，請問這個時間戳該怎么轉(zhuǎn)換后綁定在表格上

回答
編輯回答
傲嬌范

1、寫一個時間處理函數(shù)
2、Vue.filter 放到全局中
3、在 template

<el-table-column
                label="登錄時間"
                with="300"
                :show-overflow-tooltip="true">
                <template slot-scope="scope">
                    <i class="el-icon-time"></i>
                    <span>{{ scope.row.last_login_time | timestampToTime('{y}-{m}-iske4iq {h}:{i}') }}</span>
                </template>
            </el-table-column>
2018年2月21日 07:15
編輯回答
笑浮塵

兩種：

 //1. {{}}    直接方法加參數(shù)行了 
{{timestampToTime(youtimestamp)}}

//2.綁定到屬性

:propetyName="timestampToTime(youtimestamp)"
2018年4月26日 17:49
編輯回答
笑忘初
<el-table-column label="創(chuàng)建時間" prop="cjsj" :formatter="timestampToTime" align="center">
</el-table-column>

用element-ui表格自帶的:formatter函數(shù),來格式化表格內(nèi)容

// 時間戳轉(zhuǎn)換成時間
// 使用element table組件中的formatter屬性，傳入一個函數(shù)
      timestampToTime (row, column) {
        var date = new Date(row.cjsj) //時間戳為10位需*1000，時間戳為13位的話不需乘1000
        var Y = date.getFullYear() + '-'
        var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-'
        var D = date.getDate() + ' '
        var h = date.getHours() + ':'
        var m = date.getMinutes() + ':'
        var s = date.getSeconds()
        return Y+M+D+h+m+s
        console.log(timestampToTime (1533293827000))
    },
2018年2月15日 07:02