// 定义一个格式化日期的过滤器
<p>{{time|formatDate}}</p>
data: {
time: new Date(),
},
filters: {
formatDate(value) {
let newDate = new Date(value);
let hour = newDate.getHours();
let minute = newDate.getMinutes();
let second = newDate.getSeconds();
return `${hour}:${minute}:${second}`;
},
},
效果如下
![](https://img2020.cnblogs.com/blog/2140136/202012/2140136-20201216120013107-676994418.png)
//定义年月份时间过滤器
formatDateTime(val) {
let newDate = new Date(val);
let year = newDate.getFullYear();
let month = newDate.getMonth() + 1;
month = month < 10 ? "0" + month : month;
let day = newDate.getDate();
day = day < 10 ? "0" + day : day;
let hour = newDate.getHours();
hour = hour < 10 ? "0" + hour : hour;
let minute = newDate.getMinutes();
minute = minute < 10 ? "0" + minute : minute;
let second = newDate.getSeconds();
second = second < 10 ? "0" + second : second;
return `${year}年${month}月${day} ${hour}:${minute}:${second}`;
},
效果如下:
![](https://img2020.cnblogs.com/blog/2140136/202012/2140136-20201216120159855-1585649087.png)