当前位置: 首页 > news >正文

vue对于时间的处理

2023-08-05 11:25:45 假如这个就是我们要传的时间字符串

比如今天是2023-08-05(同一天):现在把这个时间字符串传入到 formatDate()这个方法,就会给你返回

11:25

比如今天是2023-08-06(前一天):现在把这个时间字符串传入到 formatDate()这个方法,就会给你返回

昨日11:25

比如今天是2023-08-07或者2023-08-10或2023-12-30:现在把这个时间字符串传入到 formatDate()这个方法,就会给你返回

08-05 11:25

比如今天是2024-08-07(24年任何一个日期):现在把这个时间字符串传入到 formatDate()这个方法,就会给你返回

2023-08-05 11:25

适用于聊天上边的时间显示

 //时间处理formatDate(dateTime) {const now = new Date();const date = new Date(dateTime);if (date.toDateString() === now.toDateString()) {// 今天的日期,返回时间 HH:mmreturn this.formatTime(date);} else if (date.toDateString() === new Date(now.getTime() - 86400000).toDateString()) {// 昨天的日期,返回 "昨日 HH:mm"return "昨日 " + this.formatTime(date);} else if (date.getFullYear() === now.getFullYear()) {// 今年的日期,返回 MM-dd HH:mmreturn this.formatDateOnly(date) + " " + this.formatTime(date);} else {// 去年及以前的日期,返回 yyyy-MM-dd HH:mmreturn this.formatFullDate(date) + " " + this.formatTime(date);}},formatTime(date) {return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });},formatDateOnly(date) {return date.toLocaleDateString([], { month: '2-digit', day: '2-digit' });},formatFullDate(date) {return date.toISOString().slice(0, 10);}
http://www.lryc.cn/news/118028.html

相关文章:

  • Apache DolphinScheduler 3.1.8 版本发布,修复 SeaTunnel 相关 Bug
  • 科技云报道:一波未平一波又起?AI大模型再出邪恶攻击工具
  • 深度对话|如何设计合适的网络经济激励措施
  • opencv带GStreamer之Windows编译
  • Java并发编程之锁的升级
  • 多核异构处理器A核与M核通信过程
  • 面试热题(反转链表)
  • 竞赛项目 深度学习的水果识别 opencv python
  • Java项目部署云windows细节
  • 软件功能测试有什么注意事项?功能测试报告起到什么作用?
  • Kubernetes 调度 约束
  • Grafana技术文档-概念-《十分钟扫盲》
  • 【JavaEE进阶】Spring 更简单的读取和存储对象
  • KafKa集群搭建和知识点
  • 剑指 Offer 56 - I. 数组中数字出现的次数题解
  • CSDN付费专栏写作协议
  • [保研/考研机试] KY30 进制转换-大整数转二进制 清华大学复试上机题 C++实现
  • vue3多条件搜索功能
  • C++20协程
  • Zabbix 6.0 监控其他
  • Django rest_framework Serializer中的create、Views中的create/perform_create的区别
  • 差异性分析傻瓜版
  • Keystone Automotive EDI 需求分析
  • jmeter创建一个压测项目
  • CEC2013(MATLAB):淘金优化算法GRO求解CEC2013的28个函数
  • AI Deep Reinforcement Learning Autonomous Driving(深度强化学习自动驾驶)
  • Java super
  • 【人工智能前沿弄潮】——生成式AI系列:Diffusers学习(1)了解Pipeline 、模型和scheduler
  • TypeScript 非空断言
  • Python编程——谈谈函数的定义、调用与传入参数