Primeng：p-calendar 部分隐藏在 p-dialog 后面

Question

使用 primeng 在 Angular 中工作，p-calendar 组件的弹出窗口没有以预期的方式显示（与其他组件一起剪辑），当放置在 p-dialog 中时，即它隐藏在其他组件后面默认元素。

Calendar example

Answer 1

只需添加这段代码，让您的日期选择器（日历组件，而不是输入字段）保持在其他元素的前面：

.ui-datepicker{
  overflow: visible;
  z-index: 999;
}

Answer 2

你可以试试下一步

<p-calendar appendTo="body"