Vue.filter时间过滤器

桃扇骨 2023-03-01 12:58 14阅读 0赞

Vue.filter('timer',function(str){ 
      if(!str)
      return '';
      let textDate=new Date(str);
      let time=new Date().getTime()-textDate.getTime();
      if (time < 0) { 
        return ''
    } else if ((time / 1000 < 30)) { 
        return '刚刚'
    } else if (time / 1000 < 60) { 
        return parseInt((time / 1000)) + '秒前'
    } else if ((time / 60000) < 60) { return parseInt((time / 60000)) + '分钟前'
    } else if ((time / 3600000) < 24) { 
        return parseInt(time / 3600000) + '小时前'
    } else if ((time / 86400000) < 31) { 
        return parseInt(time / 86400000) + '天前'
    } else if ((time / 2592000000) < 12) { 
        return parseInt(time / 2592000000) + '月前'
    } else { 
        return parseInt(time / 31536000000) + '年前'
    }
    })

filters: { 
      timer:(str)=>{ 
        if(!str)
        return '';
        let textDate=new Date(str);
        let time=new Date().getTime()-textDate.getTime();
        if (time < 0) { 
          return ''
      } else if ((time / 1000 < 30)) { 
          return '刚刚'
      } else if (time / 1000 < 60) { 
          return parseInt((time / 1000)) + '秒前'
      } else if ((time / 60000) < 60) { return parseInt((time / 60000)) + '分钟前'
      } else if ((time / 3600000) < 24) { 
          return parseInt(time / 3600000) + '小时前'
      } else if ((time / 86400000) < 31) { 
          return parseInt(time / 86400000) + '天前'
      } else if ((time / 2592000000) < 12) { 
          return parseInt(time / 2592000000) + '月前'
      } else { 
          return parseInt(time / 31536000000) + '年前'
      }
      }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关关于moment时间过滤器的使用方法

1.下载 npm install moment 在main.js里全局引入 import moment from 'moment' // 然后写全

╰半夏微凉°/ 2023年06月13日 04:34/ 0 赞/ 15 阅读

相关 Vue.filter时间过滤器

Vue.filter('timer',function(str){ if(!str) return ''; let textDat

桃扇骨/ 2023年03月01日 12:58/ 0 赞/ 15 阅读

相关 uniapp年月日时间过滤器用于格式化时间微信小程序

错误时间格式显示 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubm

迈不过友情╰/ 2023年02月28日 11:08/ 0 赞/ 202 阅读

相关 vue转换时间格式的过滤器

问题背景既然是做系统，通常都离不开时间的装换，今天遇到的这个功能是做个`vue` 的 `formatDate 时间转换`的 `filter 过滤器` 需求如下：

我会带着你远行/ 2023年02月25日 11:25/ 0 赞/ 15 阅读

相关 filters过滤器转化时间和省略小数点

{ {timer | formatDate('-')}} 例：2020-1-12 14:00:00 { {item.plan_pur

旧城等待，/ 2023年01月05日 12:22/ 0 赞/ 12 阅读

相关 angularJS date filter ——时间格式化过滤器

angularJS的`date`过滤器可以将日期格式化成需要的格式。 > 测试时间对象：”2016-12-03T02:43:51.535Z“ 常用方式：

女爷i/ 2022年07月14日 08:11/ 0 赞/ 242 阅读

相关 vue自定义时间过滤器之使用date-fns

date-fns较moment相比，更为轻量化，在实际开发中推荐使用date-fns。下面还是介绍它的使用方式：一、安装moment.js npm install --s

古城微笑少年丶/ 2021年09月16日 21:50/ 0 赞/ 535 阅读

相关 vue自定义时间过滤器之使用moment

一、安装moment.js npm install --save moment 二、自定义过滤器filter.js文件 //filter.js

迷南。/ 2021年09月16日 21:48/ 0 赞/ 448 阅读

相关 Vue-自定义格式化时间的全局过滤器

在main.js中定义全局的时间过滤器 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aH

绝地灬酷狼/ 2021年07月25日 12:13/ 0 赞/ 457 阅读

相关时间格式过滤器

1、下载moment.js cnpm install moment --save 或者使用轻量级的库: cnpm install -

短命女/ 2021年07月24日 18:31/ 0 赞/ 348 阅读