我正在使用 primeng '7.0.0' 作为 p 日历组件。当我点击日期选择器图标时,日历组件向上打开(下图)。
我想减小这个组件的宽度和高度。我尝试了下面的代码,但没有奏效。
日历.html
<p-calendar
value="#{property.propDate}" id="date"
[showIcon]="true"
[utc]='true'
(onSelect)="sendCalendarTimeValueToParent()"
placeholder="{{ timePickerPlaceHolder }}"
[showTransitionOptions]="'100ms'"
[hideTransitionOptions]="'100ms'"
[inputStyle]="{ width: '100px' }"
[(ngModel)]="value"
[defaultDate]="defaultDate"
showTime="true"
[readonlyInput]="true"
hourFormat="24"
showButtonBar="true"
[clearButtonStyleClass]="'clear-button'"
[timeOnly]="true">
</p-calendar>
日历.css
.ui-calendar .ui-datepicker {
height : 200px;
}
.ui-datepicker td span, .ui-datepicker td a {
padding: 0px;
}
谁能告诉我我做错了什么?