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

前端 计算发布时间(如“1小时前”、“3天前”等)

这样效果,在c端比较常见,通过前端也可以处理

代码如下:

		   // 计算 小时timeAgo(createTime) {// 将 createTime 字符串转换为 Date 对象  const createDate = new Date(createTime);const now = new Date();const diffInSeconds = Math.floor((now - createDate) / 1000); // 计算时间差(秒)  // 定义时间单位  const units = [{label: '年',seconds: 60 * 60 * 24 * 365},{label: '个月',seconds: 60 * 60 * 24 * 30},{label: '天',seconds: 60 * 60 * 24},{label: '小时',seconds: 60 * 60},{label: '分钟',seconds: 60},{label: '秒',seconds: 1}];// 遍历单位,找到合适的时间差  for (const unit of units) {const diff = Math.floor(diffInSeconds / unit.seconds);if (diff > 0) {return `${diff} ${unit.label}前`;}}return '刚刚'; // 如果时间差小于1秒  },

在模板在使用方法 : <view class="fs-22 c-black-3 ">{{ timeAgo(item.createTime) }}</view>

http://www.lryc.cn/news/505696.html

相关文章:

  • shardingjdbc 4.0.0 seata分布式事务Failed to fetch schema问题
  • 罗德与施瓦茨NRT2功率反射仪,NRT2通过式功率计
  • QLineEdit限制输入固定字节数(UTF-8编码)
  • 基于ubuntu的mysql 8.0安装教程
  • K8s ConfigMap的基础功能介绍
  • Linux——Shell
  • armsom产品编译烧录Linux固件
  • VSCode:Markdown插件安装使用 -- 最简洁的VSCode中Markdown插件安装使用
  • AI 行业发展趋势:科技创新引领未来变革
  • FB爆款打法实操经验总结
  • 微信小程序TTS解决方案
  • centos stream 8下载安装遇到的坑
  • 计算机网络——期末复习(1)背诵
  • AORO M6 Pro单北斗防爆终端全面国产化,关键技术不再“卡脖子”
  • ubuntu 卸载 MySQL
  • 6、基于SpringBoot的网上购物系统
  • AMS1117芯片驱动电路·降压芯片的驱动电路详解
  • 数据仓库工具箱—读书笔记02(Kimball维度建模技术概述02、事实表技术基础)
  • SAP ABAP-日期格式问题 SAP内部错误,反序列化JSON字符串时发生异常 值 20241215 不是根据 ABAP 的 XML 格式的有效日期
  • Linux-ubuntu点LED灯C语言版
  • ASP.NET|日常开发中数据集合详解
  • Pytest-Bdd vs Behave:选择最适合的 Python BDD 框架
  • Unity3D Shader变体自定义组合压缩方案详解
  • QT使用promoted后样式(setStyleSheet)不生效问题解决
  • Vue3有哪些好用的处理大数据量虚拟表格组件呢?
  • Java学习教程,从入门到精通,Java LinkedList(链表)语法知识点及案例代码(62)
  • 设计模式——Singleton(单例)设计模式
  • 深入理解 CSS 文本换行: overflow-wrap 和 word-break
  • Java-27 深入浅出 Spring - 实现简易Ioc-03 在上节的业务下手动实现IoC
  • kubernetes学习-使用metrics-server监控集群资源和查看日志