創(chuàng)新互聯(lián)www.cdcxhl.cn八線動態(tài)BGP香港云服務(wù)器提供商,新人活動買多久送多久,劃算不套路!
這篇文章將為大家詳細(xì)講解有關(guān)vue過濾器實現(xiàn)日期格式化的方法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
大家都知道,我們獲取當(dāng)前日期可以通過Date對象獲取。下面我將獲取當(dāng)前時間并打印出來。
console.log(new Date());
我們獲取的是一個標(biāo)準(zhǔn)時間,控制臺的輸出如下所示。
在實際項目開發(fā)中,我們通常獲取標(biāo)準(zhǔn)時間后不是直接拿來使用,而是要進(jìn)行一些操作然后將它顯示在頁面中,我們將這些操作稱作時間格式化。
過濾器
在vue中,我們可以使用過濾器來進(jìn)行時間格式化。它的寫法如下:
// Vue.filter(過濾器名稱,處理函數(shù))
使用的方式
{{ 過濾器數(shù)據(jù)| 過濾器名稱 }}
具體代碼
代碼如下:
Document 今天的日期是:{{timer|timerFilter('-')}}