uniapp 格式化时间刚刚,几分钟前,几小时前,几天前…

效果如图:

根目录下新建utils文件夹,文件夹下新增js文件,文件内容:

复制代码
export const filters = {
	dateTimeSub(data) {
		if (data == undefined) {
			return;
		}
		// 传进来的data必须是日期格式,不能是时间戳
		//将字符串转换成时间格式
		var timePublish = new Date(data);
		var timeNow = new Date();
		var minute = 1000 * 60;
		var hour = minute * 60;
		var day = hour * 24;
		var month = day * 30;
		var result = "";
	
		var diffValue = timeNow - timePublish;  //时间差
		var diffMonth = diffValue / month;      //月差
		var diffWeek = diffValue / (7 * day);   //周差
		var diffDay = diffValue / day;          //天差
		var diffHour = diffValue / hour;        //时差
		var diffMinute = diffValue / minute;    //分差
	
		if (diffValue < 0) {
			console.log("错误时间");
		} else if (diffMonth > 3) {
			// result = timePublish.getFullYear() + "-";
			// result += timePublish.getMonth() + "-";
			// result += timePublish.getDate();
			// console.log(result);
		} else if (diffMonth > 1) {
			// result = parseInt(diffMonth) + "月前";
		} else if (diffWeek > 1) {
			// result = parseInt(diffWeek) + "周前";
		} else if (diffDay > 3) {
			let y = timePublish.getFullYear();
			let MM = timePublish.getMonth() + 1;
			MM = MM < 10 ? ('0' + MM) : MM; //月补0
			let d = timePublish.getDate();
			d = d < 10 ? ('0' + d) : d; //天补0
			result = y + '-' + MM + '-' + d;
		} else if (diffDay>=1 && diffDay <= 3) {
			result = parseInt(diffDay) + "天前";
		} else if (diffHour > 1) {
			result = parseInt(diffHour) + "小时前";
		} else if (diffMinute > 1) {
			result = parseInt(diffMinute) + "分钟前";
		} else {
			result = "刚刚";
		}
		return result;
	},
    formatDate(value) {
    	if (value == undefined) {
    		return;
    	}
    	// #ifdef APP-PLUS
    		if(plus.os.name == 'iOS') {
    			time = time.replaceAll("-", "/")
    		}
    	// #endif
    	// let date = new Date(value * 1000);
    	let date = new Date(value);
    	//时间戳为10位需*1000,时间戳为13位的话不需乘1000
    	let y = date.getFullYear();
    	let MM = date.getMonth() + 1;
    	MM = MM < 10 ? ('0' + MM) : MM; //月补0
    	let d = date.getDate();
    	d = d < 10 ? ('0' + d) : d; //天补0
    	let h = date.getHours();
    	h = h < 10 ? ('0' + h) : h; //小时补0
    	let m = date.getMinutes();
    	m = m < 10 ? ('0' + m) : m; //分钟补0
    	let s = date.getSeconds();
    	s = s < 10 ? ('0' + s) : s; //秒补0
    	return y + '-' + MM + '-' + d; //年月日
    	// return y + '-' + MM + '-' + d + ' ' + h + ':' + m+ ':' + s; //年月日时分秒
    },
    formatTime(value) {
    	if (value == undefined) {
    		return;
    	}
    	// #ifdef APP-PLUS
    		if(plus.os.name == 'iOS') {
    			time = time.replaceAll("-", "/")
    		}
    	// #endif
    	let date = new Date(value);
    	let MM = date.getMonth() + 1;
    	MM = MM < 10 ? ('0' + MM) : MM; //月补0
    	let d = date.getDate();
    	d = d < 10 ? ('0' + d) : d; //天补0
    	return  MM + '月' + d + '日'; //年月日
    }
}

main.js中引入

复制代码
import Vue from 'vue'

Vue.config.productionTip = false

import { filters } from './utils/time_day.js'
// 定义全局自定义过滤器
Object.keys(filters).forEach(key => {
    Vue.filter(key, filters[key])
})

页面中使用即可

复制代码
<view class="times">{{item.updatetime | getDateDiff}}</view>
相关推荐
TON_G-T17 分钟前
uniapp-降低主包体积-分包js
webpack·uni-app
专科3年的修炼18 分钟前
uni-app移动应用开发第三章
uni-app
00后程序员张1 小时前
iPhone 无需越狱文件管理 使用Keymob查看导出文件
android·ios·小程序·https·uni-app·iphone·webview
2501_916008891 小时前
Unity3D iOS 应用防篡改实战 资源校验、 IPA 二进制保护
android·ios·小程序·https·uni-app·iphone·webview
2501_915909061 小时前
MachObfuscator全面解析:Apple平台Mach-O应用程序混淆技术指南
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
『 时光荏苒 』2 小时前
2026跨端新纪元:深入解析 uni-app x 与 UTS 的原生革命
uni-app
TE-茶叶蛋2 小时前
uni-app 中,`uni_modules` 和 `node_modules`
uni-app
2501_9159184115 小时前
苹果App Store上架审核卡住原因分析与解决方案指南
android·ios·小程序·https·uni-app·iphone·webview
HWL56791 天前
uni-app的生命周期
前端·vue.js·uni-app
一颗小青松1 天前
uniapp设置安卓 ios 自定义启动页
uni-app