导航栏

vue使用filter过滤器处理时间戳

代码

templelate

复制<view class="comment-1-date">{{comment_1.put_time|formatDate('-')}}</view>

filter

filters: {
	// 时间戳处理
	formatDate: function(value, spe = '/') {
	let time = Math.floor(((new Date()).valueOf() - value) / 86400000)
	if (time === 0) {
	        let time2 = Math.round(((new Date()).valueOf() - value) / 3600000)
		if (time2 > 0) {
		        return time2 + '小时前'
		} else {
			let time3=((new Date()).valueOf() - value) / 60000
			if(time3>1){
				return Math.ceil(time3) + '分钟前'
			}else{
				return Math.ceil(((new Date()).valueOf() - value)/1000)+"秒前"
			}					
		}
	} else if (time > 0 && time < 30) {
		return time + '天前'
		} else if (time >= 30) {
			let data = new Date(value);
			let year = data.getFullYear();
			let month = data.getMonth() + 1;
			let day = data.getDate();
			let h = data.getHours();
			let mm = data.getMinutes();
			let s = data.getSeconds();
			month = month > 10 ? month : "0" + month;
			day = day > 10 ? day : "0" + day;
			return `${year}${spe}${month}${spe}${day}`;
		}
	},
},
posted @   RickZ  阅读(652)  评论(0编辑  收藏  举报
编辑推荐:
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ASP.NET Core 模型验证消息的本地化新姿势
阅读排行:
· 从零开始开发一个 MCP Server!
· ThreeJs-16智慧城市项目(重磅以及未来发展ai)
· .NET 原生驾驭 AI 新基建实战系列(一):向量数据库的应用与畅想
· Ai满嘴顺口溜,想考研?浪费我几个小时
· Browser-use 详细介绍&使用文档
点击右上角即可分享
微信分享提示