PrimeNG日历打开Z索引错误

Question

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

Answer 1

我通过使用appendTo =＆＃34; body＆＃34;来修复它。在p-calendar html元素中。

以下是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中工作。