vue定义全局过滤器文件

定义过滤器文件

//格式化时间
const FormatDate = (val,type) => {
    var strDate;
    var anDate = new Date(val*1000);
    var y = anDate.getFullYear();
    var m = anDate.getMonth() + 1;
    var d = anDate.getDate();
    var h = anDate.getHours();
    var second = anDate.getMinutes();
    var weekArr = ['日','一','二','三','四','五','六']
    m = m<10?'0'+m:m;
    d = d<10?'0'+d:d;
    if (anDate.getHours()<10){
      h  =  "0" + anDate.getHours()
    }
    if (anDate.getMinutes()<10){
      second  =  "0" + anDate.getMinutes()
    }
    if(type==1){
      strDate = y + '年' + m + '月' + d + '日' ;
    }
    if(type==2){
      strDate =  '星期' + weekArr[anDate.getDay()];
    }
    if(type==3){
      var momthArr = ['一','二','三','四','五','六','七','八','九','十','十一','十二'];
      strDate = momthArr[m-1];
    }
    if(type==4){
      strDate = h + ":" + second
    }
    if(type==5){
      strDate = d;
    }
    if(type==6){
      strDate = y + '.' + m + '.' + d + ' 周' +weekArr[anDate.getDay()]+ ' '+ h + ":" + second ;
    }
    if(type==7){
      strDate = y + '.' + m + '.' + d;
    }
    if(type==8){
      strDate = '周' +weekArr[anDate.getDay()]+ ' '+ h + ":" + second ;
    }
    if(type==9){
      strDate = y + '.' + m + '.' + d+ ' '+ h + ":" + second ;
    }
    return strDate;
}


export {
    FormatDate
}

main.js里面添加

import * as filters from '@/js/filters'
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

使用

<p>上次登录时间：{{up_time | FormatDate(9)}}</p>

上一篇：php中数组序列化入库方法

下一篇：自定义单选框，js控制input赋值