小記,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;
}
}
一個進擊的前端~~~~~~~~