美文网首页
vue-cli定义私有过滤器

vue-cli定义私有过滤器

作者: 鲜蛋卷小狐狸 | 来源:发表于2019-12-23 14:12 被阅读0次

    vue-cli定义私有过滤器

    data:{

    dt:new Date()

    },

    method:{},

    filters:{

      // 定义私有过滤器

      // 有两个条件,过滤器名称和处理函数

      dateFormat:function(dateStr,parttern){

      // console.log('................')

        //根据给定的字符串,得到特定的时间

        var dt = new Date(dateStr);

        // yyyy=mm=dd

        var y = dt.getFullYear()

        var m = dt.getMonth()+1 //月份获取回来会少一个月

        var d = dt.getDate()

        //return y + '-' + m + '-' + d

        if(parttern && parttern.toLowerCase() === 'yyyy-mm-dd'){

          return `${y}-${m}-${d}`

        }else{

          var hh = dt.getHours()

          var mm= dt.getMinuters()

          var ss= dt.getSeconds()

          return `${y}-${m}-${d}`  `${hh}:${mm}:${ss}` 

        }

      }

    },

    template中使用:

    <div>{{ dt | dateFormat('yyyy-mm-dd') }}</div>

    相关文章

      网友评论

          本文标题:vue-cli定义私有过滤器

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