vue-cli项目中使用全局过滤器及传参(日期格式化)

时间:2023-12-26 14:20:55
// 过滤日期格式,传入时间戳,根据参数返回不同格式
const formatTimer = function(val, hours) {
if (val) {
var dateTimer = new Date(val * );
var y = dateTimer.getFullYear();
var M = dateTimer.getMonth() + ;
var d = dateTimer.getDate();
var h = dateTimer.getHours();
var m = dateTimer.getMinutes();
M = M >= ? M : "" + M;
d = d >= ? d : "" + d;
h = h >= ? h : "" + h;
m = m >= ? m : "" + m;
if (hours) {
return y + "-" + M + "-" + d + " " + h + ":" + m;
} else {
return y + "-" + M + "-" + d
}
} }
export {
formatTimer
}

在main.js引入

// 引入全局过滤器
import * as filters from './filters'
Object.keys(filters).forEach(key => {
Vue.filter(key, filters[key])
})

在项目中使用

<div class="fr">{{item.add_time | formatTimer('hours')}}</div>

https://blog.csdn.net/weixin_42018790/article/details/83897201  vue-cli项目中使用全局过滤器及传参