Vue过滤器过滤日期

Vue给我提供了过滤的api（Vue.filter）接下来我就给大家演示如何用这个接口过滤时间得到大家想要的日期格式

Vue.filter('time', (day1, pattern) => {
        //时间戳截取
        let day = new Date(day1);
        let y = day.getFullYear();
        let m = (day.getMonth() + 1).toString().padStart(2, '0');
        let d = day.getDate().toString().padStart(2, '0');
        let r = "日一二三四五六".charAt(day.getDay());
        if (pattern.toLowerCase() === 'yyyy-mm-dd') {
            return `${y} 年 ${m} 月 ${d} 日 星期 ${r}`
        } else {
           let hh = day.getHours().toString().padStart(2, '0');
           let mm = day.getMinutes().toString().padStart(2, '0');
           let ss = day.getSeconds().toString().padStart(2, '0');
            return `${y} 年 ${m} 月 ${d} 日 星期 ${r} ${hh}:${mm}:${ss}`
        }
    })

知识点

es6字符串模板拼接
Vue.filter
toString() 转发为字符类型
charAt()字符索引
toLowerCase()字符转小写
padStart(targetLength [, padString]) 用另一个字符串填充当前字符串(重复，如果需要的话)，以便产生的字符串达到给定的长度。填充从当前字符串的开始(左侧)应用的