關於 vue 日期格式的過濾

最近也在寫公司幾個單獨頁面，數據量比較繁瑣，

遇到各類坑 各類語法 （以前用angular ng習慣了）

在網上也沒有查到vue自帶的時間過濾器

廢話很少說  vue 時間 單獨 html 應用

單獨創建一個js文件：

//日期格式化

function formatDate(date, fmt) {

if (/(y+)/.test(fmt)) {

fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));

}

let o = {

'M+': date.getMonth() + 1,

'd+': date.getDate(),

'h+': date.getHours(),

'm+': date.getMinutes(),

's+': date.getSeconds()

};

for (let k in o) {

if (new RegExp(`(${k})`).test(fmt)) {

let str = o[k] + '';

fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));

}

}

return fmt;

};

 

function padLeftZero(str) {

return ('00' + str).substr(str.length);

}

 

//引入html文件  

//備註 這裏是單獨html引用 不是項目 

//相項目 要 impro而後import引入

<script src="vue/data.js"></script>

 

html中去調用以前定義好的 formatDate方法

 

//日期過濾器

filters: {

formatDate(time) {

var date = new Date(time);

return formatDate(date,'yyyy年MM月dd日 hh:mm');

}

},

 

<p style="color:#999;margin-top:10px; font-size:14px;">開始時間 :<span style="color:#a650ff">{{Articlelis.start_time | formatDate}}</span></p>

 

{{ 綁定的數據 | formatDate}}

 

就是這樣寫！！！

 

 

vue大神請多多指點，vue愛好着