如何在 mat-datepicker 的标题中隐藏年份切换答案

【问题标题】：How to hide year toggle from header in mat-datepicker如何在 mat-datepicker 的标题中隐藏年份切换
【发布时间】：2021-11-02 08:05:03
【问题描述】：

.mat-calendar-period-button{
min-width: 0;
display: none !important; 
}

button.mat-calendar-period-button.mat-button.mat-button-base {
display: none !important;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled),  
[type="submit"]:not(:disabled) {
cursor: pointer;
display: none !important;
}

我使用了这个 CSS，但它不起作用。

【问题讨论】：

请修剪您的代码，以便更容易找到您的问题。请按照以下指南创建minimal reproducible example。

标签： angular typescript angular-material angular8 mat-datepicker

【解决方案1】：

如果您有标准的ViewEncapsulation，则需要将::ng-deep 添加到您正在使用的组件内的样式中。试试这个：

:host ::ng-deep .mat-calendar-period-button{
  display: none; 
}

【讨论】：