0
点赞
收藏
分享

微信扫一扫

重读vue电商网站41之自定义格式化时间的全局过滤器

在 main.js 入口文件全局注册格式化时间的过滤器,代码如下所示:

Javascript

// 自定义格式化时间的全局过滤器
Vue.filter('dataFormat', function(originVal) {
const dt = new Date(originVal)
const year = dt.getFullYear()
const mon = (dt.getMonth() + 1 + '').padStart(2, '0')
const day = (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 `${year}-${mon}-${day} ${hh}:${mm}:${ss}`
})


在我们的组件当中,通过 | 来给我们的时间添加一个过滤器

重读vue电商网站41之自定义格式化时间的全局过滤器_自定义
最终实现效果如下图所示:

 重读vue电商网站41之自定义格式化时间的全局过滤器_自定义_02

 


举报

相关推荐

0 条评论