如何将Nuxt.js中非Vuetify的v-calendar星期格式改为双字母缩写

要把星期头从(S,M,T,W,T,F,S)改成(Su,Mo,Tu,We,Th,Fr,Sa)，你之前用的formats="DD:MM:YYYY"是配置日期整体显示格式的，对星期头不起作用，试试下面两种实用方法：

方法1：直接自定义星期标签数组 #

最直接高效的方式是给v-calendar组件传入weekdayLabels属性，硬编码你需要的星期缩写：

<v-calendar
  :weekdayLabels="['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']"
/>

这种方法不需要依赖本地化配置，直接控制显示文本，完全匹配你的需求。

方法2：通过formats对象配置星期格式 #

如果想依赖组件的本地化格式化逻辑，可以给formats传入对象，单独指定星期的显示规则为short（对应短缩写格式）：

<v-calendar
  :formats="{
    weekday: 'short'
  }"
/>

注意这里必须传对象形式的formats，而非字符串。如果你的项目未配置特定区域设置，默认英文locale的短缩写就是你要的Su,Mo,Tu...格式；若配置了其他locale，会自动适配对应语言的星期短缩写。

内容的提问来源于stack exchange，提问作者Abdelrhman Gad