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

Question

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

Answer 1

我通过在 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>

Answer 2

就我而言，效果很好。只需添加内联 CSS

<p-calendar [(ngModel)]="dateTo" [disabledDays]="[0,6]" (onSelect)="doOnSelect($event)" [showIcon]="true" [style]="{'overflow': 'visible', 'z-index': '9999','opacity':'1'}"></p-calendar> 

内联只能在 style.css 中工作而不是工作。