Z-index不适用于datetimepickerdjango小部件
我使用了这个日期时间选择器。
我发现 z-index 不起作用,日期时间弹出窗口隐藏在 div 下。
我发现问题是由于类"table-responsive" 造成的。
这是我的代码:
<form>
<div>
<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,则日期输入会因溢出而被隐藏。