uniapp实现时间格式化输出和友好时间输出

知码客

于 2024-05-06 16:56:41 发布

阅读量1.1k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Uniapp 前端技巧文章标签： uni-app

本文链接：https://blog.csdn.net/qq_19448821/article/details/138500661

Uniapp 同时被 2 个专栏收录

14 篇文章

订阅专栏

前端技巧

8 篇文章

订阅专栏

文章介绍了如何使用JavaScript编写两个方法，fromTime用于将时间戳转换为用户友好的时间描述（如刚刚、几分钟前等），toDate则将时间戳转换为完整的日期时间字符串。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现时间的友好展示例如时间戳转换为年月日,或者社会友好时间例如刚刚,几小时前几分钟前等等我们只需要两个函数来搞定

<template>
	<view>
		{{fromTime(1643170590)}}
	</view>
</template>
<script>
export default {
	methods:{
		// 将时间戳转换为刚刚、几分钟前、几小时前、几天前
		fromTime : function(time){
		    if(time < 90000000000 ){time *= 1000;}
		    var timer = new Date().getTime() - time;
		    timer = parseInt(timer / 1000);
		    if(timer < 180){
		        return '刚刚';
		    }else if(timer >= 180 && timer < 3600){
		        return parseInt(timer / 60) + '分钟前';
		    }else if(timer >= 3600 && timer < 86400){
		        return parseInt(timer / 3600) + '小时前';
		    }else if(timer >= 86400 && timer < 2592000){
		        return parseInt(timer / 86400) + '天前';
		    }else{
		        return this.toDate(time, 'str');
		    }
		},
		// 时间戳转换为日期时间
		toDate : function(timeStamp, returnType){
		    timeStamp = parseInt(timeStamp);
		    var date = new Date();
		    if(timeStamp < 90000000000 ){
		        date.setTime(timeStamp * 1000);
		    }else{
		        date.setTime(timeStamp );
		    }
		    var y = date.getFullYear();
		    var m = date.getMonth() + 1;
		    m = m < 10 ? ('0' + m) : m;
		    var d = date.getDate();
		    d = d < 10 ? ('0' + d) : d;
		    var h = date.getHours();
		    h = h < 10 ? ('0' + h) : h;
		    var minute = date.getMinutes();
		    var second = date.getSeconds();
		    minute = minute < 10 ? ('0' + minute) : minute;
		    second = second < 10 ? ('0' + second) : second;
		    if(returnType == 'str'){return y + '-' + m + '-' + d + ' '+ h +':' + minute + ':' + second;}
		    return [y, m, d, h, minute, second];
		}
	}
}
</script>
<style>
</style>