重读vue电商网站41之自定义格式化时间的全局过滤器
  TEZNKK3IfmPf 2024年07月27日 24 0

在 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之自定义格式化时间的全局过滤器

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2024年07月27日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年08月09日   63   0   0 javascript前端
  I7JaHrFMuDsU   2024年08月09日   55   0   0 vue用户
TEZNKK3IfmPf