Vuetify 日期选择器从 S M T W T F S => Sun Mon Tue Wed Thu Fri Sat 更改工作日标签

Question

我对工作日标签有疑问，我找不到将它们更改为这种格式的方法 （从 M 到 Mon 等...）

我的代码：

 <v-date-picker
     :weekday-format="customWeekDays"
     v-model="selectedDate"
     show-adjacent-months
 ></v-date-picker>

和

const customWeekDays = computed(() => {
  return ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];
});

const selectedDate = ref<Date[] | undefined>(undefined);

const selectedDateDisplay = computed(() => {
  if (selectedDate.value instanceof Date) {
    return format(selectedDate.value, 'dd MMM yyyy');
  }
  return '';
});

我已经尝试过这个：工作日格式（如何在 Vuetify 的日期/月份选择器中更改日期格式（M > Mo，F > Fr ...））道具，但它似乎对我不起作用

Answer 1

VDatePicker 使用日期适配器中的

getWeekdays()

来打印工作日标签（请参阅代码）。默认实现可以在here找到。

您可以将适配器更换为其他适配器，如 文档中所述。

这里是一个 playground 示例，其中覆盖了

getWeekdays()

（检查

vuetify.js

选项卡 - 我正在使用

@date-fns/luxon

适配器，因为它很容易进入 Playground，您可以轻松覆盖默认适配器或在您的项目中选择一个不同的）。

可能不像您希望的那么简单，但就是这样。希望有帮助。