Datetimepicker日历未在正确位置打开

我在paramquery网格中使用Eonasdan bootstrap datetimepicker。 从开始我遇到了一个问题，如果我打开datetimepicker，日历隐藏在网格内。 当我给出css条件时

.dropdown-menu { position: fixed; } 

这是工作。 日历清晰可见，但未在正确的位置打开。 给定“position：fixed”后，如果单击选择器图标，则日历将在网格的右上角或网格的右下角打开。 它不是在确切的地方开放。 我该如何解决这个问题？

Answer 1

尝试使用Datepicker $(".input-group.date").datetimepicker({ widgetParent: 'body'}); widgetParent选项$(".input-group.date").datetimepicker({ widgetParent: 'body'});

现在您可以调整定位，widgetParent选项允许您在页面中的任何容器中显示小部件。

Answer 2

请删除你的overflow:hidden

 .pq-grid td.pq-grid-cell{overflow:hidden} 

替换这个： –

 .pq-grid td.pq-grid-cell{overflow:visible} 

演示

Answer 3

我遇到了类似的问题，其中我的表单元格中的日期元素剪切了小部件。 我无法将我的日期元素用作小部件的DOM父级，但我仍然希望将其用作视觉定位。

我已经提交了一个带代码的PR来处理这个问题。 我添加了一个新选项：forceElementPosition。 它允许通过widgetParent进行DOM学习，但是在input元素旁边定位。

https://github.com/Eonasdan/bootstrap-datetimepicker/pull/1647