Vue使用过滤器对时间戳进行处理

最新推荐文章于 2023-08-11 11:22:44 发布

南离99

最新推荐文章于 2023-08-11 11:22:44 发布

阅读量525

点赞数

CC 4.0 BY-SA版权

文章标签： vue filter

本文链接：https://blog.youkuaiyun.com/qq_40588166/article/details/109584543

本文介绍了如何在Vue.js应用中创建自定义过滤器，用于将时间戳转换为易读的日期和时间格式。通过实例代码，展示了过滤器的用法，帮助开发者更好地展示和处理时间数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 处理时间
  filters: {
    uptime(val) {
      let oldDate = new Date(val*1000);
      console.log(oldDate.toTimeString().split(' ')[0].slice(0,5));
      let nowDate = new Date();
      let time = nowDate.getTime();
      let difference = (time - val*1000);
      let h24 = 24 * 60 * 60*1000;
      let h1 = 60 * 60 *1000;
      let h48 = 48 * 60 * 60*1000;
      let s1 = 60*1000
      
      if (difference > h48) {
        // return `${oldDate.getMonth()+1}月${oldDate.getDate()}日`;
        return `${oldDate.getMonth()+1}-${oldDate.getDate()} ${oldDate.toTimeString().split(' ')[0].slice(0,5)}`;
      } else if(difference > h24 && difference < h48) {
        return `昨天`;
      }else if(h1<difference && difference<h24){
        // 大于一小时小于24小时
        return `${Math.floor(difference/1000/60/60)}小时前`
      }else if(difference>s1 && difference<h1){
        //大于一分钟小于一小时
        return Math.round((difference / (1000 * 60))) + '分钟前'
      }else if(difference<s1){
        //小于一分钟
        return Math.round((difference / (1000))) + '秒前'
      }
    }
  }