Vue---时间过滤器,时间格式为 年份-月份-日子 小时:分钟:分秒

一.时间过滤器的定义

Vue.filter('dataFormat', function(originVal) {
    //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}`
})

二.时间过滤器的使用

在vue的差值表达式{{}}中使用

{{豪秒|dataFormat}}

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Cirrod

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值