vue 使用过滤器处理时间戳

121 阅读1分钟

在vue.js中写入过滤器

filters: {
	//格式化处理
	filterItme(time) {
            let date = new Date(time);
            let Y = date.getFullYear();
            // 在日期格式中,月份是从0开始的,因此要加0,使用三元表达式在小于10的前面加0,以达到格式统一  如 09:11:05
            let M = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
            let D = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
            let h = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
            let m = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
            let s = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
            // 拼接
            // return Y + "-" + M + "-" + D + " " + h + ":" + m + ":" + s;
            // Y年 M月 D日 h时 m分 s秒 可根据自身情况来自定义拼接
            return Y + "-" + M + "-" + D;
		},
	},

在vue中使用

<text>{{ time | filterItme}}</text>