Question

我有一个月年日历，但是当我单击顶部按钮时，它会显示年，月和日，我该如何隐藏该按钮或告诉日历不显示天

我在考虑隐藏该元素的css类，什么是最好的方法？

这是html

<button cdkarialive="polite" class="mat-calendar-period-button mat-button _mat-animation-noopable" mat-button="" type="button" ng-reflect-politeness="polite" aria-label="Choose month and year"><span class="mat-button-wrapper">JUL. 2019<div class="mat-calendar-arrow"></div></span>
    <div class="mat-button-ripple mat-ripple" matripple="" ng-reflect-centered="false" ng-reflect-disabled="false" ng-reflect-trigger="[object HTMLButtonElement]"></div>
    <div class="mat-button-focus-overlay"></div>
</button>

在这里您可以检查此问题

https://stackblitz.com/edit/angular-wtbblu

Answer 1

根据您的情况，您可以简单地使用

.example-month-picker .mat-calendar-arrow {
    display: none;
}

但是请记住，对话框是在叠加层中渲染的（不是作为组件的子级），因此您必须在组件外部定义此CSS。在提供的stackblitz示例中，它可以是styles.css。

更新的演示：

https://stackblitz.com/edit/angular-wtbblu-xzzk5x?file=styles.css

如何在Mat日历中隐藏顶部按钮

1 个答案: