vue.js客服系统实时聊天项目开发(十三)日期缩短展示,同一天只展示时秒,同一年展示月日小时秒
2023-03-07 09:42:41 时间
客服系统中在展示聊天消息时间的时候,根据当前日期与目标日期的情况进行缩短显示,如果是同一天,只显示小时、分钟、秒,如果是同一年,只显示月日小时、分钟、秒,否则显示全部,根据这样的缩短逻辑就可以进行显示了。
具体实现函数
//缩短时间
function shortTime(t){
let time=new Date(t);
let today = new Date();
let todayYear = today.getFullYear();
let todayMonth = today.getMonth()+1;
let todayDate = today.getDate();
let targetYear = time.getFullYear();
let targetMonth = time.getMonth()+1;
let targetDate = time.getDate();
let targetHour = time.getHours();
let targetMinutes = time.getMinutes();
let targetSeconds = time.getSeconds();
// 同一天,只显示小时、分钟、秒
if (todayYear === targetYear && todayMonth === targetMonth && todayDate === targetDate) {
if (targetHour < 10) {
targetHour = "0" + targetHour;
}
if (targetMinutes < 10) {
targetMinutes = "0" + targetMinutes;
}
if (targetSeconds < 10) {
targetSeconds = "0" + targetSeconds;
}
return targetHour + ":" + targetMinutes + ":" + targetSeconds;
}
// 同一年,只显示月日等
if (todayYear === targetYear) {
if (targetMonth < 10) {
targetMonth = "0" + targetMonth;
}
if (targetDate < 10) {
targetDate = "0" + targetDate;
}
if (targetHour < 10) {
targetHour = "0" + targetHour;
}
if (targetMinutes < 10) {
targetMinutes = "0" + targetMinutes;
}
if (targetSeconds < 10) {
targetSeconds = "0" + targetSeconds;
}
return `${targetMonth}-${targetDate} `+targetHour + ":" + targetMinutes + ":" + targetSeconds;
}
return t;
}
- 首先定义了一个
shortTime
函数,接收一个时间戳字符串t
。 - 然后通过
new Date(t)
将字符串转化为时间对象,方便后面的操作。 - 接着通过获取当前时间的方法判断
t
与当前时间是否在同一天,如果是,只显示小时,分钟,秒。如果不是,判断是否在同一年,如果是,只显示月日等。 - 在判断完成后,给时间按照要求进行格式化,并返回。
- 如果不是同一天也不是同一年,则直接返回传入的时间戳字符串。
相关文章
- MCE化合物库-新药研发 | MedChemExpress
- M525-针对混合谱系白血病(MLL)的新型抑制剂 | MedChemExpress
- 新品 AP5193 DC-DC宽电压LED降压恒流 带线性调光 电阻调频
- p53 激活剂 & ALK 抑制剂联合治疗--神经母细胞瘤 | MedChemExpress
- 金三银四丨黑蛋老师带你剖析-逆向岗
- 高活性高选择性 PAK4 抑制剂的发现 | MedChemExpress
- RIP1 激酶抑制剂可应用于自身免疫性脑脊髓炎的治疗 | MedChemExpess
- 单细胞空间数据分析之VDJ与肿瘤
- WhatsApp/line翻译器推荐,助力跨境电商出海交流沟通
- 点对点传输现状,镭速高速点对点传输解决方案
- 去水印方法有哪些?不妨试试这三种方法!
- R语言作图基础20230206
- 【程序源代码】 物业小程序
- 金三银四丨黑蛋老师带你剖析-二进制漏洞
- 【程序源代码】 资讯小程序
- 【程序源代码】 物业业主小程序
- Viper FTP ,强大的ftp上传工具
- 【程序源代码】 微信报修小程序V4.0
- Rhino 7(犀牛3D建模软件) 7.27 RC中文版 win/mac
- 【程序源代码】 是谁说需要CMS内容管理系统,来拿