vue时间格式的转换

在写项目中，一般会调用接口，调用接口返回来的时间是一串数字，那么如何处理这些数字呢？

一、在main.js中引入

//时间转换
Vue.filter('dateFormat', function (originVal) {
const dt = new Date(originVal)
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.getMinutes() + '').padStart(2, '0')
const ss = (dt.getSeconds() + '').padStart(2, '0')
return `${y}.${m}.${d} ${hh}:${mm}:${ss}`
})

二、在组件中

然后去浏览器看看

发现都是NaN,然后去查找资料

发现：接口返回的数据是String类型的,需要转换成Number类型

再去浏览器look look

看到时间转换过来了，但是又发现时间对不上，然后查资料

如果接口返回的数字一共有10位，需要x1000,如果是13位的话，就直接用

浏览器看效果

然后时间就转换成功了，OK！