在写项目中,一般会调用接口,调用接口返回来的时间是一串数字,那么如何处理这些数字呢?
一、在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!