1. Vue 过滤器的使用
Vue 过滤器的使用
全局过滤器
全局过滤器:{{ dateTime | dateFormat }}
Vue.filter('dateFormat', function(dateStr){
let dateTime = new Date(dateStr);
let year = dateTime.getFullYear();
let month = dateTime.getMonth().toString().padStart(2, '0');
let day = dateTime.getDay().toString().padStart(2, '0');
let hour = dateTime.getHours().toString().padStart(2, '0');
let min = dateTime.getMinutes().toString().padStart(2, '0');
let sec = dateTime.getSeconds().toString().padStart(2, '0');
return `${year}-${month}-${day} ${hour}:${min}:${sec}`;
});
局部过滤器
私有过滤器:{{ dateTime | dateFormat2 }}
var app = new Vue({
el: '#app',
data: {
dateTime: new Date()
},
methods: {
fun: function(){
}
},
filters: {
dateFormat2: function (dateStr) {
let dateTime = new Date(dateStr);
let year = dateTime.getFullYear();
let month = dateTime.getMonth().toString().padStart(2, '0');
let day = dateTime.getDay().toString().padStart(2, '0');
let hour = dateTime.getHours().toString().padStart(2, '0');
let min = dateTime.getMinutes().toString().padStart(2, '0');
let sec = dateTime.getSeconds().toString().padStart(2, '0');
return `${year}-${month}-${day} ${hour}:${min}:${sec}`;
}
}
})
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
暂时没有评论,来抢沙发吧~