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

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

---

概念

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

程式碼展示

按讚加入粉絲團

延伸閱讀

• [筆記] 程式必修課！離散數學與演算法 – 7
• [筆記] Photomator 特殊終生方案啟動方法
• [筆記] 實作動畫 div 移入效果需注意滾軸所造成的影響
• [筆記] 程式必修課！離散數學與演算法 – 6
• [筆記] 程式必修課！離散數學與演算法 – 5