npm install moment --save

script引入

import moment from ' moment'

設(shè)置表格：formatter="dataFormat"

<el-table-column label="下單時(shí)間" prop="addtime" show-overflow-tooltip :formatter="dateFormat" width="auto"></el-table-column>

綁定一個(gè)dataFormat方法

methods: {
            dateFormat: function(row, column) {
                var date = row[column.property];
                if (date == undefined) {
                    return "";
                }
                return moment(date).format("YYYY-MM-DD HH:mm:ss");
            },
}

過(guò)濾器時(shí)間戳轉(zhuǎn)換

<p style="color: #999;font-size: 12px;" v-if="last_login_time">{{last_login_time | formatDate}}</p>

 import moment from 'moment'

formatDate: function(value) {
            // console.log(value)
            return moment(value * 1000).format('YYYY-MM-DD-HH:mm:ss')
            // console.log(moment(this.dpgl[0].business_date_start).format('YYYY-MM-DD'))
}

//全局過(guò)濾器（時(shí)間戳轉(zhuǎn)換時(shí)間）

import moment from 'moment'
Vue.filter('dataFormat',function(data){     //全局過(guò)濾器（時(shí)間戳轉(zhuǎn)換時(shí)間）
  return moment(data*1000).format('YYYY-MM-DD-HH:mm:ss')
})
//實(shí)例
<el-table-column prop="last_login_time" label="最后登錄時(shí)間" show-overflow-tooltip width="auto" align='center'>
        <template slot-scope='scope'>
          <span>{{scope.row.last_login_time | dataFormat}}</span>
        </template>
</el-table-column>