Vue2.0如何自定義時間過濾器


        我們知道Vue2.0開始不再支持自帶的過濾器,需要我們自己去自定義過濾器,方法如下:

 
        我們可以自己定義一個時間過濾器,在此引用了一個日期處理類庫( Moment.js)可以很快的實現我們要的結果。首先先安裝這個類庫的依賴,安裝步驟官網上有詳細說明在此不細說。主要就是看你想要轉化成什么樣的時間格式,一般來說我們從后台獲取的應該都是時間戳,只需要很簡單的幾句代碼即可,如圖所示:
 
 

        在html上的代碼如下圖所示:

 
        這里的DateTime是后台獲取的時間戳,time是自定義的時間過濾器,需要注意的別忘了在頁面上要引用這個自定義過濾器所在的js文件:
 
 

        我在這里需要獲取xxxx年xx月xx日 xx:xx的格式,所以在過濾器中選用的字符串就是“YYYY-MM-DD hh:mm”,具體根據需求來定,如此這般就可以成功定義一個時間過濾器了。
 
 
 
        如需轉載請注明出處: http://www.cnblogs.com/zishang91/p/7559812.html,以便有錯誤可以及時修改,初涉Vue難免有錯漏不足之處,請見諒並且指點,謝謝!!! 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM