Vue中的過濾器Vue.filter過濾時間戳常見錯誤
阿新 • • 發佈:2021-01-06
技術標籤:vuejavascriptvue.jselementui
1
就TM這粗心的跟狗似的
如程式碼所示前邊四個還get,
後邊兩個就成set了
const y = dt.getFullYear()
const m = (dt.getMonth() + 1 + '').padStart(2, '0')
const d = (dt.getDate() + '').padStart(2, '0')
const hh = (dt.getHours() + '').padStart(2, '0')
const mm = (dt.setMinutes() + '').padStart (2, '0')
const ss = (dt.setSeconds() + '').padStart(2, '0')
直接修改set變為get就可以了
2
還有就是以下清一色1970,那時候還沒出生誰知道呢???
解決方法:
new出的時間戳originVal 乘以個1000
originVal * 1000即可
Vue.filter('dateFormat', function(originVal) {
const dt = new Date(originVal * 1000)
結果如下:
這裡插槽中直接用 | 引入就可以
<el-table-column label="建立時間" prop="bon_time" width="160px">
<template slot-scope="scope">
{{ scope.row.bon_time | dateFormat }}
</template>
</el-table-column>
這樣就歐了