vue时间过滤器

106 阅读1分钟

Vue中定义一个时间过滤器

直接在main.js中添加如下代码,会让时间变成yyyy-mm-dd hh-mm-ss格式

Vue.filter("dateFormate",function(val){
    var date = new Date(val);
    var y = date.getFullYear();
    var m = date.getMonth() + 1;
    m = m<10?"0"+m:m;
    var d = date.getDate();
    d = d<10?"0"+d:d;
    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 `${y}-${m}-${d} ${hour}:${minutes}:${seconds}`;
})

前端代码

 <template slot-scope="scope">
{{scope.row.orderTime|dateFormate}}
</template>