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

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

---

概念

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

程式碼展示

按讚加入粉絲團

延伸閱讀

• [筆記] 程式必修課！離散數學與演算法 – 23
• [筆記] 瀏覽器的跳轉處理之 location.href 和 location.replace
• [筆記] Vite 導入 Exceljs 輸出簡易表格
• [筆記] 程式必修課！離散數學與演算法 – 22
• [筆記] 程式必修課！離散數學與演算法 – 21