Vue filter 实现文章更新日期--时间戳

19 篇文章 1 订阅
11 篇文章 4 订阅
Vue.filter('formatTime', function(time) {
	const d = new Date(time);
	const now = Date.now();
	const diff = (now - d) / 1000;
	if (diff < 30) {
		return "刚刚";
	} else if (diff < 3600) {
		return Math.ceil(diff / 60) + "分钟前";
	} else if (diff < 3600 * 24) {
		return Math.ceil(diff / 3600) + "小时前";
	} else if (diff < 3600 * 24 * 2) {
		return "1天前";
	} else if (diff < 3600 * 24 * 3) {
		return "2天前";
	} else if (diff < 3600 * 24 * 4) {
		return "3天前";
	}
	return (
		d.getFullYear() + '-' +
		(d.getMonth() + 1 < 10 ? '0' + (d.getMonth() + 1) : d.getMonth() + 1) +
		"-" +
		(d.getDate() < 10 ? '0' + d.getDate() : d.getDate()) +
		" " +
		(d.getHours() < 10 ? '0' + d.getHours() : d.getHours()) +
		":" +
		(d.getMinutes() < 10 ? '0' + d.getMinutes() : d.getMinutes()) +
		""
	);
})

最终显示 1分钟前、1小时前、1天前…或者具体日期

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

z.week

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

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

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

打赏作者

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

抵扣说明:

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

余额充值