The time difference between the past time and the present time of uniapp processing, such as just, a few minutes ago, a few hours ago, a few months ago

1. Message returned

Format time ：createTime

[{
    
	"id": "62c11d3435b7c4007a8e650e",
	"fromUserId": "21100598TZ9XG6RP",
	"fromNickname": " Little beauty ",
	"fromFace": "http://gblfy.cn:9000/imooc/xh.jpg",
	"toUserId": "220620BZ2DH0KP94",
	"msgType": 1,
	"msgContent": {
    
		"isFriend": true
	},
	"createTime": "2022-07-03 12:38:11"
}
... Other data omitted 
]

2. Time format method

App.vue Define global methods , Easy to call , It can also be extracted separately and put into the tool class

methods: {
    
			//  The time format time is ： just 、 How many minutes ago 、 How many days ago 
			// stringTime 2020-09-10 20:20:20
			getDateBeforeNow(stringTime) {
    
				console.log(" The parameter is not formatted ", stringTime);
				stringTime = new Date(stringTime.replace(/-/g, '/'))

				//  Unified unit conversion 
				var minute = 1000 * 60;
				var hour = minute * 60;
				var day = hour * 24;
				var week = day * 7;
				var month = day * 30;
				var year = month * 12;

				var time1 = new Date().getTime(); // The current timestamp 
				console.log(" current time ", time1);

				//  Millisecond unit conversion of time 
				var time2 = new Date(stringTime).getTime(); // Timestamp of the specified time 

				console.log(" The time of transmission ", time2);

				var time = time1 - time2;
				console.log(" Time after calculation ", time);

				var result = null;
				if (time < 0) {
    
					// alert(" The set time cannot be earlier than the current time ！");
					result = stringTime;
				} else if (time / year >= 1) {
    
					result = parseInt(time / year) + " Years ago ";
				} else if (time / month >= 1) {
    
					result = parseInt(time / month) + " Month ago, ";
				} else if (time / week >= 1) {
    
					result = parseInt(time / week) + " Zhou Qian ";
				} else if (time / day >= 1) {
    
					result = parseInt(time / day) + " Days ago, ";
				} else if (time / hour >= 1) {
    
					result = parseInt(time / hour) + " Hours before ";
				} else if (time / minute >= 1) {
    
					result = parseInt(time / minute) + " Minutes ago ";
				} else {
    
					result = " just ";
				}
				console.log(" Formatted time ", result);
				return result;
			},
}

3. Use

page

<template>
						<view class="msg-item-middle">
							<text class="user-nickname">{
    {
    msg.fromNickname}}</text>
							<text class="msg-content"> Pay attention to you  {
    {
    getGraceDateBeforeNow(msg.createTime)}}</text>
						</view>
</template>

Method area

<script>
	var app = getApp();
export default {
    
	methods: {
    
			//  Time display optimization   just 、 A few minutes ago , A few hours ago , A few months ago 
			getGraceDateBeforeNow(dateTimeStr) {
    
				return getApp().getDateBeforeNow(dateTimeStr);
			},
	}
}
</script>