angular - Primeng p-calendar 与父日历大小相同

Question

我正在使用 tabletree 中的 Primeng 中的 p-calendar。如何使 p-calendar 字段与它所在的单元格大小相同？或者更一般的 - 如何使它与父 div 的大小相同？

您可以使用 style 和 inputStyle 使其在绝对宽度下工作 - 但我的表格可调整大小 - 所以在这种情况下它不起作用。我在各个地方按照推荐尝试:

<p-calendar appendTo="body"  [style]="{'width':'95%'}" [inputStyle]="{'width':'95%'}"
</p-calendar>

但这不起作用，因为日期选择器的按钮具有固定大小。

在我看来，这是一个非常基本的要求 - 能够制作与其父级相同大小的组件。真的很惊讶这不起作用。

谢谢，
迈克尔

Answer 1

这对我有用:

<p-calendar [style]="{'width':'100%'}" [inputStyle]="{'width':'100%'}" [timeOnly]="true"></p-calendar>