类似微信聊天日期算法（转换）

微信聊天日期转换
* IOS 时间有bug需要兼容: '2022-12-12' ==> '2022/12/12'
* 每周的第一天是周天~

/**获取当月第几周 */
function getMonthWeek(Date){let theSaturday = Date.getDate() + (6 - Date.getDay()); return Math.ceil(theSaturday / 7);
}/** 判断iOS*/
const isiOS = ()=>{const u = navigator.userAgent;let iOs = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端return iOs;
};/**阿拉伯数字 星期数转中文 */
function SectionToChinese(traget) {console.log(traget);let result = ''switch(traget) {case 0: result = '天'break;case 1: result = '一'break;case 2: result = '二'break;case 3: result = '三'break;case 4: result = '四'break;case 5: result = '五'break;case 6: result = '六'break;}return result;
}
/**个位数转换两位数 */
function twoNumber(number) {return Number(number) < 10 ? `0${number}` : number;
}/**日期格式 */
const fromCurrentTime = (target) => {let tempTraget = target;/**兼容IOS */if(isiOS())  tempTraget = tempTraget.replace(/-/g, '/');/**目标 */let tragetDate = new Date(tempTraget); const tragetYear = tragetDate.getFullYear(); /**目标年 */const tragetMonth = tragetDate.getMonth() + 1; /**目标月 */const tragetDay = tragetDate.getDate() ; /**目标日 */const tragetHours = tragetDate.getHours() ; /**目标时 */const tragetMinutes = tragetDate.getMinutes(); /**目标分 *//**当前 */let currentDate = new Date() /**当前日期 */const currentYear = currentDate.getFullYear(); /**当前年 */const currentMonth = currentDate.getMonth() + 1; /**当前月 */const currentDay = currentDate.getDate(); /**当前日 */const currentHours = currentDate.getHours() ; /**当前时 */// const currentMinutes = currentDate.getMinutes(); /**当前分 */let resultDate;/**比较年份 */if(tragetYear < currentYear) {  /**不同年 */resultDate = `${tragetYear}年${tragetMonth}月${tragetDay}日`} else {/**同年比较月份 */if(tragetMonth < currentMonth) { /**同年不同月 */resultDate = `${tragetMonth}月${tragetDay}日 ${twoNumber(tragetHours)}:${twoNumber(tragetMinutes)}`} else {/**同月比较周 */if(getMonthWeek(tragetDate) !== getMonthWeek(currentDate)) {  /**同月份不同周 */// if(Math.abs(getMonthWeek(tragetDate) - getMonthWeek(currentDate)) === 1) { resultDate = `${tragetMonth}月${tragetDay}日 ${twoNumber(tragetHours)}:${twoNumber(tragetMinutes)}`// }} else { /**同周比较差几天 */if(tragetDay === currentDay) { /**同周同天 *//**同天比较小时 */if(Math.abs(currentHours - tragetHours) === 0) { /**1h内 */resultDate = `刚刚`}  else {resultDate = `${twoNumber(tragetHours)}:${twoNumber(tragetMinutes)}`}} else if(Math.abs(currentDay - tragetDay) === 1) {  /**同周差一天 */resultDate = `昨天 ${twoNumber(tragetHours)}:${twoNumber(tragetMinutes)}`} else {resultDate = `星期${SectionToChinese(tragetDate.getDay())} ${twoNumber(tragetHours)}:${twoNumber(tragetMinutes)}`}}}}return resultDate;
}
const time = fromCurrentTime ('2022-04-02 18:18:00')
console.log(time)

类似微信聊天日期算法（转换）相关推荐

iOS实现类似微信聊天气泡
1. 说明要实现类似微信聊天气泡功能,主要有以下几个主要技术点需要实现: 背景图图拉伸后不变形 UILabel自适应宽度和高度 2. 背景图图拉伸后不变形要实现背景图拉升不变形,就要设置只让指定部 ...
uniapp - 通讯聊天功能示例源代码，类似微信聊天 / 电商淘宝京东 “买卖双方“ 消息沟通系统 / 各大应用简易聊天沟通的功能插件（超级详细代码和注释，开箱即用）全端兼容 H5 App 小程序
前言网上的教程鱼龙混杂太乱了,并且全都是各种引入关系.各种冗余代码,拿过来后根本无法进行改造. 本文实现了 uniapp 全平台兼容的 "1对1 即时聊天沟通" 的聊天窗口模板, ...
uniapp - 实现类似微信聊天、淘宝买卖双方交流的简易聊天功能示例（开箱即用，完整源码与注释）全端兼容 H5 App 小程序，稳定无 BUG！
介绍本示例 100% 丝滑流畅可跨多端兼容,而且没有任何第三方插件和依赖. 如果要想实现一个类似像淘宝天猫这些买家和卖家沟通的系统(还有微信聊天这种),实际上非常难, 我打造了一个uniapp H5 ...
php类似微信聊天框,仿微信聊天功能
摘要: 微信聊天 window.onload = () => { // 获取按钮 let btn = document.getElementById('btn'); // 获取输入框 let t ...
UIImageView 显示不规则图片，类似微信聊天气泡图片展示效果
微信聊天气泡,图片充满显示,效果: -(void)layoutSubviews { [super layoutSubviews]; CAShapeLayer * _maskLayer = [CASha ...
php类似微信聊天框,仿微信UI界面的PHP+Swoole多人聊天室 TP6框架
仿微信UI界面的PHP+Swoole多人聊天室 TP6框架介绍基于swoole实现模仿微信的即时通讯聊天室软件架构使用thinkphp6编写安装教程导入install.sql到数据库 == ...
解决类似微信聊天界面软键盘和表情框冲突问题
软键盘相关的知识: 针对软键盘,如果想让键盘覆盖我们视图控件.那么在 AndroidManifest.xml中对该Activity加上 android:windowSoftInputMode=&quo ...
实现类似微信聊天功能的mysql表设计
前言: 最近设计了一套聊天功能,此功能支持人对人聊天.发送图片.查看聊天记录.按时间展示聊天列表.最后一条聊天数据及未读消息数下面分享一下表结构及实现逻辑: 表结构: 1.聊天主表 id(主键id) ...
类似微信聊天界面加载历史记录的样式
做IM聊天时,加载聊天历史纪录时,reload的时候,会把tableview滚动到顶部,用户体验效果并不好.我们需要在加载历史纪录时,不让他自动滚动. 上网找了一个方法,挺好用的: 创建一个继承于:U ...

类似微信聊天日期算法（转换）

类似微信聊天日期算法（转换）相关推荐

最新文章

热门文章

类似微信聊天 日期算法（转换）

类似微信聊天 日期算法（转换）相关推荐

最新文章

热门文章

类似微信聊天日期算法（转换）

类似微信聊天日期算法（转换）相关推荐