Z-index 不适用于 datetimepicker django 小部件

Question

我使用了这个日期时间选择器。

我发现 z-index 不起作用，日期时间弹出窗口隐藏在 div 下。

我发现问题是由于类"table-responsive" 造成的。

这是我的代码：

<form>
<div class="table-responsive">
    <table class="table">
        <tr>
            <td>
                <!-- my datetimepicker fields  -->
            </td>
        </tr>
    </table>
  </div>
</form>

我试过这个 jquery 代码：

$(document).on('focusin','#'+inputId,function (){console.log($(this).parentsUntil('div.table-responsive').last());$(this).parentsUntil('div.table-responsive').last().parent().css('overflow-x','visible') });
    $(document).on('focusout','#'+inputId,function (){$(this).parentsUntil('div.table-responsive').last().parent().css('overflow-x','scroll') });
    

如果没有 x 溢出，这可以解决问题。如果存在 x-overflow，则日期输入会因溢出而被隐藏。

Answer 1

我用这个文件替换 date piker js 文件，问题就解决了。