0

ボタンをクリックすると、NgbModal モーダル ボックスがロードされます。モーダルには ag-grid-angular コンポーネントがあります。

このグリッドには日付ピッカー列があります。私はprimeng日付ピッカーを使用しています。カレンダー表示用の HTML コード。

   <p-calendar class="ui-datepicker" type="number" dateFormat="dd-mm-yy" monthNavigator="true" [maxDate]=today [style]="{'position': 'fixed', 'overflow': 'visible', 'z-index': '999', width:'200px'}"
        yearRange="1930:2030" yearNavigator="true" showButtonBar="true" [(ngModel)]="dateValue" (onSelect)="onSelectDate()">
    </p-calendar>

ここでの問題は、日付ピッカーのカレンダーが常にグリッド内に隠されていることです。このような。どうすればこれを解決できますか。

ここに画像の説明を入力

4

3 に答える 3

1

次のように appendTo="body" を追加します。

<p-calendar appendTo="body" class="ui-datepicker" type="number" dateFormat="dd-mm-yy" monthNavigator="true" [maxDate]=today [style]="{'position': 'fixed', 'overflow': 'visible', 'z-index': '999', width:'200px'}"
        yearRange="1930:2030" yearNavigator="true" showButtonBar="true" [(ngModel)]="dateValue" (onSelect)="onSelectDate()">
    </p-calendar>
于 2020-10-06T12:10:01.053 に答える