1.day.js下載與安裝:https://dayjs.fenxianglu.cn/category/
例如:在vue全局注冊一個時間過濾器古掏,來計算現(xiàn)在時間與過去時間差谆刨。
import Vue from 'vue'
import dayjs from 'dayjs'
// 加載中文語言包
import 'dayjs/locale/zh-cn'
import relativeTime from 'dayjs/plugin/relativeTime'
// 配置使用處理相對時間的插件
dayjs.extend(relativeTime)
// dayjs 默認語言是英文,我們這里配置為中文
dayjs.locale('zh-cn') // 全局使用
// 定義一個全局過濾器荒典,然后就可以在任何組件的模板中使用了
// 其實過濾器就相當于一個全局可用的方法(僅供模板使用)
// 參數(shù)1:過濾器名稱
// 參數(shù)2:過濾器函數(shù)
// 使用方式:{{ 表達式 | 過濾器名稱 }}
// 管道符前面的表達式的結果會作為參數(shù)傳遞到過濾器函數(shù)中
// 過濾器的返回值會渲染到使用過濾器的模板位置
Vue.filter('relativeTime', value => {
? return dayjs().to(dayjs(value))
})
// dayjs() 獲取當前最新時間
// console.log(dayjs().format('YYYY-MM-DD'))
// console.log(dayjs().to(dayjs('2015'))) // 2 年以前