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