VUE中的全局时间过滤器(格式化时间)
全局时间过滤器
相对时间过滤器,把时间戳转换成常用时间
代码如下:
- 将过滤器命名为dataFormat
- 传入一个为处理的时间参数 orgiinVal
- 获取日期对象,使用以下获取年月日时分秒的方法
- 使用padStart()方法用于时间补0,即不足2位用0补充
- 将时间进行格式拼接返回出来
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}`
})
调用:
- 获取完时间数据后,调用dataFormat时间过滤器即可
{{scope.row.add_time | dateFormat}}