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

Posted 2023-03-13

【中文标题】如何在 mat-datepicker 的标题中隐藏年份切换

【英文标题】：How to hide year toggle from header in 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。

【参考方案1】：

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

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