将时间转化为“刚刚,几分钟前,几小时前,具体日期”

在写移动端的项目时,有个需求是,需要将后端返回的时间显示为“刚刚”,“几分钟前”。。。这种形式,写了个过滤器,记录在此:

// 时间格式(2021-07-02 12:12:12) 显示为几分钟前,几小时前等
Vue.filter('timeChange', function (value) {
	// 拿到当前时间戳和发布时的时间戳
	var curTime = new Date()
	 var postTime = new Date(value)
	 //计算差值
	var timeDiff = curTime.getTime() - postTime.getTime()
	// 单位换算
	var min = 60 * 1000
	var hour = min * 60
	var day = hour * 24
	// 计算发布时间距离当前时间的 天、时、分
	var exceedDay = Math.floor(timeDiff / day)
	var exceedHour = Math.floor(timeDiff / hour)
	var exceedMin = Math.floor(timeDiff / min)
	// 最后判断时间差
	if (exceedDay > 0) {
		return parseTime(value, '{y}{m}{d}')
	} else {
		if (exceedHour < 24 && exceedHour > 0) {
			return exceedHour + '小时前'
		} else if (exceedMin < 60 && exceedMin > 0) {
			return exceedMin + '分钟前'
		} else {
			return '刚刚'
		}
	}
})

看起来挺好,但是存在一个bug:

在安卓中运行完好,没问题,但是在ios中就出错了,最后发现,ios对于“2021-07-05” 这种格式不兼容,必须是这种“2021/07/05”,所以又写了个方法用作转换

toTimeStamp = (time) => {
	if (!time) return 0
	if (typeof time === 'string') {
		return new Date(time.replace(/-/g, '/')).getTime()
	} else {
		if (time.toString().length === 10) return new Date(time * 1000).getTime()
		else return new Date(time).getTime()
	}
}

此方法最后返回的是一个时间戳。
最后解决ios的不兼容问题

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

我好菜呐

啊?真的给我打赏嘛??

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

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

打赏作者

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

抵扣说明:

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

余额充值