[笔记] Dayjs 搭配 Vuex 和 TypeScript 达成多国时间显示转换

章节连结

• 概念
• 程式码展示

Dayjs 作为 Moment.js 的后继者，但需要搭配语言切换来进行不同时间的显示模式时，这边笔记下同步切换的方法。另外若是 TypeScript 的使用者，也同时附上型别参考。

---

概念

1. 利用 Vuex 来储存每次切换语言时，所切换而得的参数
2. 建立一个 key-value 对照档，来避免 vuex 内所存的语言参数无法对应给 dayjs 内的语言参数
3. 在 *.vue 的 template 内，宣告一个方法来让你语言切换时可以成功触发

程式码展示

按赞加入粉丝团

延伸阅读

• [笔记] Ultimate AWS Certified Developer Associate (53)
• [笔记] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (68)
• [笔记] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (67)
• [指南] Buefy 搭配 Autocomplete 的思考逻辑
• [笔记] Ultimate AWS Certified Developer Associate (52)