微信小程序-仿QQ空间时间显示(今天/昨天/前天)

news/2024/10/19 19:31:12/

功能说明:

根据传入的的开始时间和结束时间,返回处理后的时间

【不同年份】:   2022年12月31日 12:20

【同年不同月】:12月31日 12:20

【同年同月】: 12月31日 12:20

        【同一天】 12:20

        【差一天】 昨天 12:20

        【差两天】 前天 12:20

        【其余情况】: 12月31日 12:20

代码具体实现很简单,未避免重复造轮子,分享一下代码。

一.代码部分

        1.timer.js

//返回显示时间
function cutYear(date){return parseInt(date.split(' ')[0].split('/')[0])
}
function cutMonth(date){return parseInt(date.split(' ')[0].split('/')[1])
}
function cutDay(date){return parseInt(date.split(' ')[0].split('/')[2])
}
function cutSecond(data){return data.split(' ')[1].split(':')[0]+":"+data.split(' ')[1].split(':')[1]
}
function timer(faultDate, completeTime) {
const startYear = cutYear(faultDate)
const startMonth = cutMonth(faultDate)
const startDay = cutDay(faultDate)
const endYear = cutYear(completeTime)
const endMonth =   cutMonth(completeTime)
const endDay = cutDay(completeTime)
const yearFlag = endYear - startYear  //相差年份
const monthFlag = endMonth - startMonth //相差月份
const dayFlag = endDay - startDay //相差天数
if(yearFlag>=1){ // eg:2022/12/31 XX:XXreturn startYear + '年' + startMonth + '月' + startDay + '日 '+ cutSecond(faultDate)
} 
else{  //同一年if(monthFlag>=1) {return startMonth +'月' +startDay +'日 ' + cutSecond(faultDate)}else{ //同一月 if(dayFlag==0) { //同一天return cutSecond(faultDate)}if(dayFlag ==1) { //昨天return "昨天 "+cutSecond(faultDate)}if(dayFlag==2){  //前天return "前天 " +cutSecond(faultDate)}if(dayFlag>=3){return startMonth +'月' +startDay + '日 ' + cutSecond(faultDate)}}
}
}module.exports={timer
}

        2.使用方法

                ①首先在使用的页面引入timer.js

//时间处理
const {timer} = require('../../utils/timer')
//获取时间 【小程序自带】
const util = require('../../utils/util')

                ②.调用timer函数

                timer函数需要传入两个参数,分别为开始时间和结束时间。时间的具体格式如下:

示例时间参数格式:
2022/08/05 16:51:54
年/月/日 小时:分钟:秒该格式的时间可通过调用util中的formatTime获取
具体获取方法如下:
const currentTime = util.formatTime(new Date())//示例调用timer
const newDate = timer(开始时间,结束时间)console.log("输出时间:",newDate)

                ③.输出结果

                转换后的结果已保存到newDate中,可根据需要渲染到自己的页面上

         示例渲染:

 


http://www.ppmy.cn/news/477636.html

相关文章

微信个性签名服务器维护,今天更新了微信个性签名(重启之路79)

今早起来跑步打卡五公里,跑完比以前觉得轻松些了。比几年前走路都困难那段时间来说,简直是天翻地覆的变化。 上班路上,看着窗外的蓝天白云阳光,忽然觉得自己的签名应该变变了。想了想,改成了“人生就在那里&#xff0c…

新版pc微信来了

近日,微信 Windows PC 电脑版 3.7.0.29 正式发布。该版本带来了一些新功能和改版、修复等内容,包括可以对存储空间进行管理,在群公告中可添加图片、视频、文件等内容,图片视频浏览界面全新改版等等。 下面我将为大家介绍一下PC微信…

微信,在今天上午发生了一件惊心动魄的大事

loonggg 读完需要 5分钟 速读仅需 2 分钟 今天上午在微信上见证了一件惊心动魄的大事,先是惊喜,再后来就是惊吓,最后又给了一个新的惊喜。 我来给大家唠叨唠叨今天上午在微信上发生的一件大事。 昨天是北方的小年,今天应该是南方的…

微信iOS 7.0.9版本更新:今天的朋友圈是一片欢乐的海洋!

黑客技术 点击右侧关注,了解黑客的世界! Java开发进阶 点击右侧关注,掌握进阶之路! Python开发 点击右侧关注,探讨技术话题! 作者丨花生酱 https://mp.weixin.qq.com/s/FZbuLAdCD4KvhkNEnUQfgA 今天下午微信…

微信网页版协议今天关闭,新的微信协议 HOOK技术

今天早上打开今日头条又看到了微信网页版协议被封,虽然早知道这个是事实,但是我们团队的电脑发单也一直还在用,好多淘客来找我抱怨要是网页版没有了咋办,确实,虽然我们团队实现了微信的安卓协议,但是想要在…

微信小程序泛滥的今天,你知道如何测试吗?

小程序(Mini Program),是一种不需要下载安装即可使用的应用,是内嵌在微信APP里面的一款新形态软件。 它实现了应用“触手可及”的梦想,用户扫一扫或者搜一搜即可打开应用,也体现了“用完即走”的理念,用户不…

今天,教你一招用微信花式表白

众所周知,微信已经正式支持 iOS 13 系统的暗黑(深色)模式,会跟随系统自动切换为浅色/深色显示。利用这一特点,可以实现用表情包“表白”的目的。 话不多说,效果点下面的短视频看看,向好友发送一…

微信又悄悄更新!网友:终于等到了

这是「进击的Coder」的第 140 篇热点新闻 整理:程序员新鲜事(ID:CoderNews) 来源:红星新闻、成都商报、东方网、新浪微博等“ 阅读本文大概需要 3 分钟。 ”3 月 29 日,微信 iOS 客户端更新至 8.0.3 版本&a…