【问题标题】: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
猜你喜欢
  • 1970-01-01
  • 2015-12-29
  • 2011-03-09
  • 1970-01-01
  • 1970-01-01
  • 2020-03-08
  • 2011-02-22
  • 2020-06-04
  • 1970-01-01
相关资源
最近更新 更多