Vue过滤器的使用（时间）

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/iChangebaobao/article/details/102367840

html

当前时间为{{NowTime | formatDate}}

js

data:{
	NowTime:new Date()
},
filters:{
     formatDate:function(value){
         var date=new Date(value);
         var year=date.getFullYear();
         var month= date.getMonth() + 1;
         var day= date.getDay()+1;
         var hour= date.getHours();
         hour=hour<10?('0'+hour):hour;
         var minutes= date.getMinutes();
         minutes=minutes<10?('0'+minutes):minutes;
         var seconds= date.getSeconds();
         seconds=seconds<10?('0'+seconds):seconds; 
         return year+'年'+month+'月'+day+'日'+' '+hour + ':' + minutes+ ':' + seconds;
     }
 },
 mounted:{
 	 var _this = this;
     this.timer=setInterval(function(){ 
         _this.NowTime=new Date();// 每隔1秒钟更新一次date
     },1000);
 }