gpt4 book ai didi

bootstrap-modal - p-calendar 隐藏在 angular 7 中 bs-modal 的容器面板下

转载 作者:行者123 更新时间:2023-12-04 10:31:51 25 4
gpt4 key购买 nike

我在 bootstrap 的 bs-modal 上使用过 primeNg 组件,我使用滚动条来记录多个笔记。当点击 p-calendar 组件时,日历隐藏在滚动条后面。如图所示。

enter image description here

最佳答案

添加以下依赖

  1. HostListener from angular-core
  2. import $ from 'jquery';


并将以下代码写入您的 ts 组件文件。
     @HostListener('document:click', ['$event'])
openCloseCalendar(ev) {
if("P-CALENDAR" == ev.path[2].tagName || ev.path[3].tagName){
let calElem = ev.path[2] || ev.path[3];
let target = $(calElem).find(".ui-datepicker")[0];
let calTop = $($(calElem).find("input")[0]).offset();
if(calTop && calTop.top){
$(target).css({"display":"block", "min-width": "200px", "position": "fixed", "top": calTop.top, left: ev.offsetY})
}
}
}

关于bootstrap-modal - p-calendar 隐藏在 angular 7 中 bs-modal 的容器面板下,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60389027/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com