天天看點

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

小記,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;
    }
}
           

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