小記，VUE時間格式化過濾器

在前端擷取資料的時候，經常會有時間格式的轉換，在JQ中，我們可以擷取到具體的某一個時間戳，再進行轉換，然後渲染到頁面上。可是在vue中，一般都是循環得到一個清單，時間戳一般是這個清單中的每一項裡的某個屬性，會通過V-for直接渲染到頁面上，這樣就不友善像jq那樣單個的進行轉換。好在vue給我們提供了過濾器filters，下面就是一個時間轉換的例子。

使用方法：
{{item.createTime|time}}
           

// 例子
filters: {
    time: function time(time) {
        var date = new Date(time);
        Y = date.getFullYear() + '-';
        M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1)) : date.getMonth()+1) + '-';
        D = date.getDate() + ' ';
        h = date.getHours() + ':';
        m = date.getMinutes() + ':';
        s = date.getSeconds();
        return Y+M+D+h+m+s;
    }
}
           

一個進擊的前端~~~~~~~~