Vue.js 如何以周模式在Vuetify v-calendar中显示一周中没有特定日期的天数?

Vue.js 如何以周模式在Vuetify v-calendar中显示一周中没有特定日期的天数?,vue.js,vuetify.js,Vue.js,Vuetify.js,在Vuetify中,标题显示日期名称(如周一或周一)和月份日期(如每月7日)。是否可以只显示日期名称而不显示月份?我希望将此控件用作每周计划,而不将其耦合到一年中的特定日期或周。根据(第98行-第121行)的来源,您不能覆盖此行为,但不能使用css隐藏日期本身: .v-calendar-daily_head-day-label { display: none; } 如果使用范围样式,请不要忘记使用深度选择器,上面的答案现在已经过时 使用最新版本的Vuetify(2.3.10),您可以通

在Vuetify中,标题显示日期名称(如周一或周一)和月份日期(如每月7日)。是否可以只显示日期名称而不显示月份?我希望将此控件用作每周计划,而不将其耦合到一年中的特定日期或周。

根据(第98行-第121行)的来源,您不能覆盖此行为,但不能使用css隐藏日期本身:

.v-calendar-daily_head-day-label {
    display: none;
}

如果使用范围样式,请不要忘记使用深度选择器,上面的答案现在已经过时

使用最新版本的Vuetify(2.3.10),您可以通过插槽隐藏日期,如下所示

<v-sheet height="600">
  <v-calendar
  ref="calendar"
  type="week">
    <template v-slot:day-label-header="{}">-</template>
  </v-calendar>
</v-sheet>

-
尽管如果使用上述代码,它将显示一个“-”来代替日期