[筆記] Dayjs 搭配 Vuex 和 TypeScript 達成多國時間顯示轉換

Dayjs 作為 Moment.js 的後繼者，但需要搭配語言切換來進行不同時間的顯示模式時，這邊筆記下同步切換的方法。另外若是 TypeScript 的使用者，也同時附上型別參考。

---

概念

1. 利用 Vuex 來儲存每次切換語言時，所切換而得的參數
2. 建立一個 key-value 對照檔，來避免 vuex 內所存的語言參數無法對應給 dayjs 內的語言參數
3. 在 *.vue 的 template 內，宣告一個方法來讓你語言切換時可以成功觸發

程式碼展示

按讚加入粉絲團

延伸閱讀

• [筆記] 程式必修課！資料結構與演算法｜JavaScript 篇 – 34
• [筆記] The Linux Command Line: A complete Introduction 指令大全心得 – 14
• [筆記] 管理 Mac 上的 SSH 設定檔，並用其抓取 Github 專案
• [筆記] 在一台電腦上 操作多個 Git Config
• [筆記] The Linux Command Line: A complete Introduction 指令大全心得 – 13