[JavaScript]分享一個輕量的日期套件 — Day.js

在寫JS的時候，使用原生JS語法的 new Date()遇到瀏覽器不同導致結果不同的問題，處理Date處理到心很煩。很多人都知道關於日期的套件可以使用moment.js，但我這邊推薦一個輕量化只有2KB的套件 — Dayjs，大致上的功能都有，而且很輕量化。

以下提供一個Vue的Plugin範例，寫一個plugin，然後在main.js匯入：

import Vue from "vue";
import dayjs from "dayjs";

const dateFormatDash = (date, format = 'YYYY-MM-DD') => {
    return date ? dayjs(date).format(format) : ''
}

const dayjsPlugin = {
    install(Vue, options) {
        Vue.prototype.$dayjs = dayjs
    }
}

Vue.use(dayjsPlugin);

export default new dayjs()

最後使用就可以直接用this.$dayjs來使用

this.$dayjs() // 新增一個現在的日期
this.$dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss') // 可以把日期轉成自定義的格式
this.$dayjs().diff(anotherDealt, 'day') // 可以輕鬆做日期的相減