本文實例為大家分享了vue格式化時間過濾器的具體代碼，供大家參考，具體內容如下
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="https://unpkg.com/vue"></script></head><body><div id="app"><div> {{ message | formatTime('YMD')}}</div><div>{{ message | formatTime('YMDHMS')}}</div> <div> {{ message | formatTime('HMS')}} </div> <div> {{ message | formatTime('YM')}} </div> </div><script>//元素的補零計算function addZero(val){ if(val < 10){ return "0" +val; }else{ return val; }};console.log(addZero(9))//實現vue中的過濾器功能 先定義過濾器 在使用 value是過濾器前面的值，type是過濾器中定義的字段Vue.filter("formatTime",function(value,type){var dataTime="";var data = new Date(); data.setTime(value); var year = data.getFullYear(); var month = addZero(data.getMonth() + 1); var day = addZero(data.getDate()); var hour = addZero(data.getHours());var minute = addZero(data.getMinutes());var second = addZero(data.getSeconds());if(type == "YMD"){dataTime = year + "-"+ month + "-" + day;}else if(type == "YMDHMS"){dataTime = year + "-"+month + "-" + day + " " +hour+ ":"+minute+":" +second;}else if(type == "HMS"){dataTime = hour+":" + minute+":" + second;}else if(type == "YM"){dataTime = year + "-" + month;}return dataTime;//將格式化后的字符串輸出到前端顯示});var app = new Vue({ el: '#app', data: { message: '1501068985877' } });</script></body></html>以上所述是小編給大家介紹的vue格式化時間過濾器詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
