1. 程式人生 > 其它 >Vue中的過濾器Vue.filter過濾時間戳常見錯誤

Vue中的過濾器Vue.filter過濾時間戳常見錯誤

技術標籤:vuejavascriptvue.jselementui

1
NaN的錯誤
就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,那時候還沒出生誰知道呢???
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>

這樣就歐了