日期时间选择器显示在模态 jquery-confirm 模态后面

Posted 2023-05-08

【中文标题】日期时间选择器显示在模态 jquery-confirm 模态后面

【英文标题】：date time picker showing behind modal jquery-confirm modal

【发布时间】：2019-06-02 22:21:35

【问题描述】：

我没有使用引导模式，但正在使用

j confirm modal 问题是我正在从另一个页面加载部分页面。但是，当我尝试使用日期时间选择器时，它会出现在模式后面

网上的大部分解决方案大多是基于bootstrap modal的，也尝试过使用这个类

#ui-datepicker-div 
        position: relative;
        z-index: 99999; 
    

但无济于事。 甚至这个链接 similar question another similar question

可能是因为我正在使用 jConfirm js 文件还是什么？

【问题讨论】：

我会检查 j 确认模式的 z-index 值，并使 datepicker 的 z 索引更大。

【参考方案1】：

需要增加下拉日历的z-index：

.datepicker.datepicker-dropdown.dropdown-menu 
     position: relative;
     z-index: 99999; 

【讨论】：

您需要检查元素并查看下拉日历的类。