Vuetify Calendar -- 自定义默认的 Head Day 标签答案

【问题标题】：Vuetify Calendar -- Customizing default Head Day LabelVuetify Calendar -- 自定义默认的 Head Day 标签
【发布时间】：2020-04-21 12:38:37
【问题描述】：

我正在使用 Vuetify 日历进行约会。我尝试使用插槽自定义日历的默认标题，但没有得到预期的结果。想要自定义它，如图所示... 代码

<v-calendar ref="calendar" :now="today" :value="today" :events="events" color="primary" type="week">
        <template v-slot:day-header="{date}">
          <v-btn color="success">{{date}}</v-btn>
        </template>

相同的代码笔：https://codepen.io/spider007/pen/YzyGgPY

【问题讨论】：

我认为你必须使用custom-weekly 类型并自定义全天时段
你必须使用 hide-header

标签： javascript vue.js vuetify.js

【解决方案1】：

您可以将属性 weekday-format 与自定义函数一起使用，输入是事件，然后您可以返回自定义标题

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。