将时间戳转换为年月日
1.定义过滤器
Vue.filter("dateformat", function (val, param) {
// console.log(val); val参数1是要过滤的数据 参数2param是用户传递的参数
const date = new Date(val);
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
const h = date.getHours();
const m = date.getMinutes();
const s = date.getSeconds();
// console.log(day);
if (param == "yyyy") {
return `${year}`;
} else if (param == "yyyy-MM-DD") {
return `${year}-${month}-${day}`;
} else if (param == "yyyy-MM-DD hh:mm:ss") {
return `${year}-${month}-${day} ${h}:${m}:${s}`;
}
});
2.要过滤的数据
data: {
timer: 1599268097326,
},
3.使用过滤器
<div id="app">
<!-- 过滤器(管道函数) 一般可被用于一些常见的文本格式化 -->
日期是: {{timer | dateformat('yyyy') }}
日期是: {{timer | dateformat('yyyy-MM-DD') }}
日期是: {{timer | dateformat('yyyy-MM-DD hh:mm:ss') }}
</div>