1. 程式人生 > >Vue filter方法 ‘ | ’(通道)————時間格式化

Vue filter方法 ‘ | ’(通道)————時間格式化

html裡:
<div id="app" v-cloak>
   <p>{{ timeDate | formatDate }}</p>
</div>

index.js:

var padDate=function(va){
     va=va<10?'0'+va:va;
     return va
}
var app=new Vue({
    el:'#app',
    data:{
       timeDate:new Date()
     },
     filters:{
        formatDate:function (val) {
            var value=new Date(val);
            var year=value.getFullYear();
            var month=padDate(value.getMonth()+1);
            var day=padDate(value.getDate());
            var hour=padDate(value.getHours());
            var minutes=padDate(value.getMinutes());
            var seconds=padDate(value.getSeconds());
            return year+'-'+month+'-'+day+' '+hour+':'+minutes+':'+seconds;

        }
    },


  原來 


過濾後