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

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

// 时间格式(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 '刚刚'
		}
	}
})
<
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

我好菜呐

啊?真的给我打赏嘛??

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

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

打赏作者

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

抵扣说明:

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

余额充值