Angular Primeng 日历尺寸刻度

Question

我想修改日历弹出日期时间选择器的大小（不是输入字段） 我应该在 SCSS 中使用什么样的语法？

我已经尝试过：

p-calendar {
   font-size: 0.8rem;
}
p-calendar .date-picker {
   height : 200px;
}

更新我的 html：

<div class="date-time-picker" >
  <p-calendar
    class="calendar-control"
    [(ngModel)]="date"
    [showTime]="true"
  ></p-calendar>
</div>

Answer 1

我有同样的问题，我决定制定解决方案，将滚动添加到日历

    ::ng-deep .p-datepicker {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    font-size: 0.8rem;
    height : 200px;
    
    // does scrollable
    max-height: 300px; // Ajusta este valor según necesites
    overflow-y: auto;
    
    // Opcional: for a scrollbar
    &::-webkit-scrollbar {
      width: 8px;
    }
    
    &::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 4px;
    }
    
    &::-webkit-scrollbar-thumb {
      background: #888;
      border-radius: 4px;
      
      &:hover {
        background: #555;
      }
    }
  }

祝你有美好的一天！我希望能帮助你。