Vuetify 从日期选择器组件中删除正文标题月份和年份元素

Sou*_*eaf 3 vue.js vue-component vuejs2 vuetify.js

最初的日期选择器组件是这样的:

初步看法

我使用 min, max 道具禁用除一个月外的所有其他月份,以便禁用和删除左右图标。

目前来看

我想要做的是,删除正文中的月份和年份标题,以便用户只能看到工作日。所以最后的事情看起来像这样:

最终视图

有可能做这样的事情吗?

mor*_*tic 8

你可以用CSS隐藏它:

.v-date-picker-header {
  display: none
}
Run Code Online (Sandbox Code Playgroud)

请参阅此处的示例代码笔

  • 我在 Chrome 中使用元素检查器。右键单击您想要了解更多信息的元素,然后选择“检查”,然后在“元素”窗格中,检查 HTML 并找到我关心的最外层容器元素,并查看适用于该元素的 CSS 规则。很高兴它起作用了! (2认同)

小智 6

您可以no-title在日期选择器中使用道具。=D