uniapp 处理过去时间对比现在时间的时间差如刚刚、几分钟前，几小时前，几个月前

文章目录

1. 返回的报文
2. 时间格式化方法
3. 使用

1. 返回的报文

格式化时间：createTime

[{"id": "62c11d3435b7c4007a8e650e","fromUserId": "21100598TZ9XG6RP","fromNickname": "小美女","fromFace": "http://gblfy.cn:9000/imooc/xh.jpg","toUserId": "220620BZ2DH0KP94","msgType": 1,"msgContent": {"isFriend": true},"createTime": "2022-07-03 12:38:11"
}
...其他的数据省略
]

2. 时间格式化方法

App.vue定义全局方法，便于调用，单独抽取出来放到工具类中也可以

methods: {// 时间格式化时间为：刚刚、多少分钟前、多少天前// stringTime 2020-09-10 20:20:20getDateBeforeNow(stringTime) {console.log("传参未格式化", stringTime);stringTime = new Date(stringTime.replace(/-/g, '/'))// 统一单位换算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(); //当前的时间戳console.log("当前时间", time1);// 对时间进行毫秒单位转换var time2 = new Date(stringTime).getTime(); //指定时间的时间戳console.log("传过来的时间", time2);var time = time1 - time2;console.log("计算后的时间", time);var result = null;if (time < 0) {// alert("设置的时间不能早于当前时间！");result = stringTime;} else if (time / year >= 1) {result = parseInt(time / year) + "年前";} else if (time / month >= 1) {result = parseInt(time / month) + "月前";} else if (time / week >= 1) {result = parseInt(time / week) + "周前";} else if (time / day >= 1) {result = parseInt(time / day) + "天前";} else if (time / hour >= 1) {result = parseInt(time / hour) + "小时前";} else if (time / minute >= 1) {result = parseInt(time / minute) + "分钟前";} else {result = "刚刚";}console.log("格式化后的时间", result);return result;},
}

3. 使用

页面

<template><view class="msg-item-middle"><text class="user-nickname">{{msg.fromNickname}}</text><text class="msg-content">关注了你 {{getGraceDateBeforeNow(msg.createTime)}}</text></view>
</template>

方法区

<script>var app = getApp();
export default {methods: {// 时间显示优化 刚刚、几分钟前，几小时前，几个月前getGraceDateBeforeNow(dateTimeStr) {return getApp().getDateBeforeNow(dateTimeStr);},}
}
</script>

uniapp 处理过去时间对比现在时间的时间差如刚刚、几分钟前，几小时前，几个月前相关推荐

uniapp（js）处理过去时间对比现在时间的时间差如几分钟前，几小时前，几个月前（仿照cnode社区）
先看代码,复制使用即可,不过还是建议您一边阅读,一遍整理思路,总的来说,思路很重要,其次才是代码. 您将看到以下效果 <template><view>发表时间 <span ...
Java时间对比------实际时间和设置时间对比
年月日 String s = "2018-9-28"; Date dd = new Date(); Date ss = new Date(); try {//设置日期格式Sim ...
c语言北京时间转换utc时间_PHP时间戳和日期相互转换操作
在php中我们要把时间戳转换日期可以直接使用date函数来实现,如果要把日期转换成时间戳可以使用strtotime()函数实现,下面我来给大家举例说明. 1. php中时间转换函数 strtotime ...
JAVA（时间对比排序程序）
package basic.day14;import java.text.DecimalFormat; import java.util.ArrayList; import java.util.Col ...
HALCON不同图像格式保存时间对比表
HALCON不同图像格式保存时间对比表
Vue Dhtmlxgantt甘特图/横道图 baselines 含（计划、实际时间对比）树形实例实现及部分扩展
Vue Dhtmlxgantt甘特图/横道图 baselines 含(计划.实际时间对比)树形实例实现及部分扩展背景: 需满足计划.实际时间对比需求,本人查看了很多文档和资料(对比了dhtmlxga ...
Beyond Compare忽略时间对比
因为这次属于一个二开项目,一些缘由下,需要对比合并修改,一开始没搞git.svn等,于是我就用到Beyond Compare软件来进行对比修改,需要这个软件的,可自行去下载,下载地址 Beyond C ...
vue 获取当前时间（并与演出时间对比做出状态改变）
vue 获取当前时间(并与演出时间对比做出状态改变) 功能需求: 演出预告页面内如果节目正在当前时间段进行,那么时间字段为绿色. 如果节目已结束,那么时间字段为灰色. 如果节目未开始,那么时间字段为 ...
Java时间对比compareTo用法
Calendar a= Calendar.getInstance(); a.set(2021, 05,28, 19,50, 2); //参数为年月日时分秒 a.set(Calendar.MI ...

uniapp 处理过去时间对比现在时间的时间差如刚刚、几分钟前，几小时前，几个月前

文章目录

1. 返回的报文

2. 时间格式化方法

3. 使用

uniapp 处理过去时间对比现在时间的时间差如刚刚、几分钟前，几小时前，几个月前相关推荐

最新文章

热门文章

uniapp 处理过去时间对比现在时间的时间差 如刚刚、几分钟前，几小时前，几个月前

文章目录

1. 返回的报文

2. 时间格式化方法

3. 使用

uniapp 处理过去时间对比现在时间的时间差 如刚刚、几分钟前，几小时前，几个月前相关推荐

最新文章

热门文章

uniapp 处理过去时间对比现在时间的时间差如刚刚、几分钟前，几小时前，几个月前

uniapp 处理过去时间对比现在时间的时间差如刚刚、几分钟前，几小时前，几个月前相关推荐