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

js时间转成xx前


// 时间戳转多少分钟之前
export default function getDateDiff(dateTimeStamp) {// console.log(dateTimeStamp,'====dateTimeStamp')// 时间字符串转时间戳var timestamp = new Date(dateTimeStamp).getTime();var minute = 1000 * 60;var hour = minute * 60;var day = hour * 24;var halfamonth = day * 15;var month = day * 30;var year = day * 365;var now = new Date().getTime();var diffValue = now - timestamp;var result;if (diffValue < 0) {return;}var yearC = diffValue / year;var monthC = diffValue / month;var weekC = diffValue / (7 * day);var dayC = diffValue / day;var hourC = diffValue / hour;var minC = diffValue / minute;if (yearC >= 1) {result = "" + parseInt(yearC) + "年前";} else if (monthC >= 1) {result = "" + parseInt(monthC) + "月前";} else if (weekC >= 1) {result = "" + parseInt(weekC) + "周前";} else if (dayC >= 1) {result = "" + parseInt(dayC) + "天前";} else if (hourC >= 1) {result = "" + parseInt(hourC) + "小时前";} else if (minC >= 1) {result = "" + parseInt(minC) + "分钟前";} elseresult = "刚刚";return result;
}// console.log(getDateDiff("2020-12-16 12:12:12"));

方案1.封装方法getDateDiff

方案2.使用dayjs的方法

main.js引入dayjs

// main.js
// 引入dayjs格式化时间
import dayjs from 'dayjs' 
// 引入中文包
import 'dayjs/locale/zh-cn' 
// 导入相对时间插件
import relativeTime from 'dayjs/plugin/relativeTime' // Vue.use(VueQuillEditor)
// 相对时间使用插件
dayjs.extend(relativeTime) 
// 使用中文包
dayjs.locale('zh-cn') 
// 将dayjs挂载到全局
Vue.prototype.dayjs = dayjs 
<span>{{ dayjs(yourTime).fromNow() }}</span>

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

相关文章:

  • iOS 锁总结(cc)
  • 【CSAPP】-binarybomb实验
  • SpringBoot实战:轻松实现XSS攻击防御(注解和过滤器)
  • 如何改善提示词,让 GPT-4 更高效准确地把视频内容整体转换成文章?
  • TensorBoard进阶
  • 使用AES加密数据传输的iOS客户端实现方案
  • vue3【实战】语义化首页布局
  • FANG:利用社交网络图进行虚假新闻检测
  • Vue2 基础八电商后台管理项目——中
  • Typescript window.localStorage 存储 Obj Value区别
  • Linux要解压 .rar 文件,你应该使用 unrar 命令
  • 【qt】如何获取网卡的信息?
  • 使用Netty框架实现WebSocket服务端与客户端通信(附ssl)
  • ssm校园志愿服务信息系统-计算机毕业设计源码97697
  • JVM原理(二):JVM之HotSpot虚拟机中对象的创建寻位与定位整体流程
  • (七)glDrawArry绘制
  • 记一次小程序渗透
  • C++ 的常见算法 之一
  • 微前端的需求有哪些?微前端的原理是怎么样的?为什么这么设计,及微前端的应用场景是什么?对有些客户,前端的重要性高于后端
  • 【Spring Boot】统一数据返回
  • 证券交易系统中服务器监控系统功能设计
  • 【线性代数的本质】矩阵与线性变换
  • CV02_超强数据集:MSCOCO数据集的简单介绍
  • Linux--信号(万字详解!超完整!)
  • onnx模型转rknn到部署
  • lua入门(1) - 基本语法
  • Finding Global Homophily in Graph Neural Networks When Meeting Heterophily
  • DisFormer:提高视觉动态预测的准确性和泛化能力
  • Android SurfaceFlinger——Surface和Layer介绍(十九)
  • C++基础(七):类和对象(中-2)