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>
相关推荐
游戏开发爱好者81 小时前
在 Windows、Linux 与 CI 环境下命令行上传 IPA 到 App Store
linux·windows·ios·ci/cd·小程序·uni-app·iphone
码农客栈3 小时前
小程序学习(十三)之请求和上传文件拦截器
小程序·uni-app
龙井>_<3 小时前
uniapp“手搓”一个年月选择器模态框(兼容多端)
uni-app
web_Hsir4 小时前
uniapp + vue2 + pfdjs + web-view 实现安卓、iOS App PDF预览
android·前端·uni-app
peachSoda74 小时前
uniapp app使用命令行HBuilderX cli快捷打包iOS和Android
uni-app
2501_916007471 天前
跨平台 App 安全,Flutter、RN、Unity、H5 混合应用加固
android·ios·小程序·https·uni-app·iphone·webview
咕咕咕_biubiubiu1 天前
uniapp插件——原生插件开发和使用
uni-app
芋头莎莎1 天前
UNIAPP连接MQTT记录要点
uni-app
新 一.1 天前
uniapp在ios上真机测试运行
ios·uni-app
2501_916007471 天前
不越狱如何查看iOS 应用的详细信息及其文件目录结构
android·macos·ios·小程序·uni-app·cocoa·iphone