如何更改primeng v11.2.0 p-calendar的高度和宽度？

问题描述

如何更改 p-calendar 以下 primeng version 11.2.0 的高度和宽度

https://primefaces.org/primeng/showcase/#/calendar

我想在我的 Angular 应用程序中使用上面的 p-calendar。

我尝试了以下 CSS，但没有奏效。

.ui-calendar .ui-datepicker {
  height: 200px!important;
}

建议我这样做。

解决方法

您可以通过这些类减少日期单元格的单元格填充来按比例控制日期选择器的高度。

.p-datepicker table td{ //adjust the padding }
.p-datepicker table td > span { //adjust the width and height }