vue 时间格式化_Vue中如何使用过滤器

前言：

vue中的过滤器可以格式化以及美化内容

从后台接受数据过来的时候时间是时间毫秒，我选择了使用过滤器，接下来给大家分享一下使用过程

1. 在全局配置过滤器 main.js文件里面
   代码：

// 时间过滤器

Vue.filter('dateFilter', function (val) {

const time = new Date(val)

const y = time.getFullYear()

const m = (time.getMonth() + 1 + '').padStart(2, '0')

const d = (time.getDate() + '').padStart(2, '0')

const hh = (time.getHours() + '').padStart(2, '0')

const mm = (time.getMinutes() + '').padStart(2, '0')

const ss = (time.getSeconds() + '').padStart(2, '0')

return y + '年' + m + '月' + d + '日' + '' + hh + ':' + mm + ':' + ss

})

截图：

2.使用过滤器 在需要的组件使用

代码：

{{essayData.times | dateFilter}} //dateFileter是过滤器名 essayData是需要过滤的数据

总结：在格式化时间的时候用到PadStart（）方法 用于不足时间不足两位的时候填充为两位 注意：适用于字符串 记得转为字符串