css - PrimeNG日历打开Z索引错误

标签 css primeng primeng-calendar

我正在使用 primeNG 日历,每当日历在输入框下打开时,它都位于所有其他 html 元素之后。但是当它在输入框上方打开时,一切正常。

enter image description here

最佳答案

我通过在 p-calendar html 元素中使用 appendTo="body"修复了它。

这是 html 元素现在的样子:

 <p-calendar appendTo="body" [locale]="dk" placeholder="Inklusion dato" [(ngModel)]="patient.inclusionDate" showButtonBar="true"
      readonlyInput="true" [showIcon]="true"></p-calendar>

关于css - PrimeNG日历打开Z索引错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50451378/

相关文章:

javascript - 如何将 LocalStorage 功能添加到我的 TODO 列表中。如何以及在什么时候?

angular - Angular 应用程序中的 PrimeNG p-dialog modal block 背景和对话窗口本身

angular - 如何始终在今天的日期打开 PrimeNg 的 p 日历

jquery - 一个 div 的 jQuery 视差滚动

html - 如何用网格框架实现部分灵活的屏幕布局?

html - 我怎样才能使这个文本 div 居中?

angular - 根据具有反应形式的单选按钮更改形式 - Angular 2+

angular - 如何禁用 Angular p 日历中的 future 日期?

javascript - 为什么我会获得这种奇怪的行为,试图为拖动到 PrimeNG FullCalendar 组件中的不同事件类型使用不同的颜色?