Vue中在main.js中注册全局的时间过滤器

在main.js通过: Vue.filter() 去定义一个全局的时间过滤器,
第一个参数是过滤器的名字,如:dataFormt,
第二个是时间过滤器的处理函数:function(),需指定一个形参:originVal,这个originVal形参就是需要处理时间数据;
拿到originVal时间,先new Date,同时将originVal传过去,即根据本地的时间得到一个时间的日期对象

通过 getFullYear()拿到四位的年份

通过getMonth()获得月份,月份从1开始故使其+1;
若月份不足两位,在前面补0,通过调用 .padStart(2, ‘0’) 实现,其中第一个参数代表总长度为多少位,第二个参数是字符串,如果不足多少位的话用哪个字符串来填充

通过:getDate()获得当前的日期

通过:getHours() 获得当前的小时

通过:getMinutes() 获得当前的分钟

通过:getSeconds() 获得当前的秒钟

让获得年月日时分秒拼接成一个完整的日期字符串
return ${y}-${m}-${d} ${hh}:${mm}:${ss}

//格式化时间过滤器
Vue.filter(‘dataFormt’, 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}

在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值