Question

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

＆＃13;

.dropdown-menu {
position: fixed;
}

＆＃13;

它正在运作。日历清晰可见，但未在正确的位置打开。给定＆＃34; position：fixed＆＃34;，如果我点击选择器图标，日历将在网格的右上方或网格的右下方打开。它没有在确切的地方开放。我该如何解决这个问题？

Answer 1

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

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

Answer 2

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

我已经提交了一份包含处理此问题的代码的公关。我添加了一个新选项：forceElementPosition。它允许DOM育儿 widgetParent，但位于输入元素旁边。

Answer 3

请删除overflow:hidden

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

替换它： -

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