由于vue3删除了原有的过滤方法,所有不能直接使用原有的套路进行时间过滤,如此以来就要直接使用方法模块封装函数进行过滤
此方法直接封装到methods中即可
// 直接传入原始时间节点
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}`;
},
调用时也不能直接使用原有的过滤方法,直接调用最好,也可以用data保存后在用
<div>
{{ dateFormat(time) }}
</div>