美文网首页
Vue过滤时间封装

Vue过滤时间封装

作者: Enginner_XZ | 来源:发表于2020-09-19 16:03 被阅读0次
Vue.filter('formatDate', function (str) {
    if (!str) return ''
    var date = new Date(str)
    var time = new Date().getTime() - date.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) + '年前'
    }
})

相关文章

  • Vue过滤时间封装

  • tool.js

    vue时间格式过滤器(今天,昨天,周几,年月日) vue金额过滤器 手机横屏签名功能(vue)

  • vue 局部过滤器和全局过滤器

    vue 过滤器常用于对 data 中的数据进行处理 局部过滤器 1. 简单使用 在组件中 2. 封装抽离 新建 s...

  • vue封装全局过滤器

    在写项目的时候我们经常会用到过滤器,把所有的过滤器方法封装在一个文件中,然后导出,简单方便。 项目目录如下: 2....

  • vue组件 时间过滤

    效果图:? 可以动态设置默认时间、el-picker的size、label。查询按钮是父组件中的,它们都在el-f...

  • Vue过滤器和vue-resource

    过滤器 之前我们学习了Vue的 vue基本指令 进阶学习,我们需要了解Vue的过滤器:Vue.js允许你自定义过滤...

  • 2018-09-17

    1.vue 过滤器的用法 生成的效果 48 2.vue 用过滤器实现时间 生成的效果 2018年9月17日,星...

  • vue filter 过滤器使用

    格式化时间 自定义全局过滤器 vue 自定义过滤器分为"全局过滤器"和"局部过滤器"两种。 一、 全局过滤器 全局...

  • 自定义过滤器的封装

    封装自定义过滤器 引入过滤器 添加+注册过滤器 使用过滤器

  • 13、vue 中格式化时间

    过滤器格式化时间 date.js 格式化方法使用 vue中过滤器使用 v-model中格式化时间(过滤器就失效了)...

网友评论

      本文标题:Vue过滤时间封装

      本文链接:https://www.haomeiwen.com/subject/dvneyktx.html