vue-cli定义私有过滤器

2019-12-23  本文已影响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>

上一篇下一篇

猜你喜欢

热点阅读