其他分享
首页 > 其他分享> > vue日期时间格式处理:判断时间是几分前,几小时前,几天前

vue日期时间格式处理:判断时间是几分前,几小时前,几天前

作者:互联网

handleDate (value) {
  let date = new Date(value)
  let diffValue = new Date().getTime() - date.getTime()  // 时间差
  let mValue = diffValue / (1000 * 60)  // 分
  let hValue = diffValue / (1000 * 60 * 60)  // 小时
  let dayValue = diffValue / (1000 * 60 * 60 * 24)  // 天
  let result = ''
  if (date.getFullYear() !== new Date().getFullYear()) {  // 不同年
    result = time.substring(0, 16)
  } else {  // 同年
    if (dayValue  > 6) {  // 时间差大于一周
      result = time.substring(5, 16)
    } else if (dayValue  >= 1 && dayValue  <= 6) {  // 时间差一天之外 一周之内
      result = 
    } else if (hValue >= 1 && hValue <= 23) {
      result = parseInt(hValue ) + ‘小时前'
    } else if (mValue >= 1 && mValue  <= 59) {
      result = parseInt(mValue ) + '分钟前'
    } else if (diffValue >= 0 && diffValue  <= mValue ) {
      result = '刚刚'
    }
  }
  return result
}
// 比如现在是2022-08-01 16:36:41
this.handleDate('2022-08-01 08:12:44')  // 8小时前

可以将方法封装起来,全局引用。

使用起来,效果如下:

 

标签:vue,diffValue,60,let,result,&&,dayValue,几小时,格式
来源: https://www.cnblogs.com/guanhx/p/16540914.html