vue3和vue2不同,无法使用过滤器来进行时间过滤,因此vue3的过滤大多是用函数或者监听来进行的
// 直接传入原始时间节点
dateFormat: function (time) {
var data = new Date(time);
// 封装年份时间
var y = data.getFullYear();
// 封装月份时间
var m = data.getMonth();
// 封装日期时间
var d = data.getDate();
// 转换详细时分
var hours =
data.getHours() < 10 ? "0" + data.getHours() : data.getHours();
var minutes =
data.getMinutes() < 10 ? "0" + data.getMinutes() : data.getMinutes();
// 输出转换后时间节点
return `${y}年${m}月${d}日 ${hours}:${minutes}`;
},
使用函数时需要直接把函数插入代码体里面
<div>{{ dateFormat(time) }}<div>
改变输出结果可以直接改变返回值的格式