dateTimePicker的日历是不是在正确的位置上开(Datetimepicker calend

我正在使用paramquery电网Eonasdan引导的DateTimePicker。 从开始我都面临着一个问题，如果我打开的DateTimePicker，日历是网格躲在里面。 当我给出的CSS条件

 .dropdown-menu { position: fixed; } 

这是工作。 日历是清晰可见，但它是不是在正确的地方打开。 下达后“的位置是：固定”的，如果我点击器图标日历是在电网或电网的右下角的右顶开。 这是在不打开的确切地点。 我怎样才能解决这个问题？

Answer 1:

尝试使用widgetParent选项从日期选择器$(".input-group.date").datetimepicker({ widgetParent: 'body'});

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

Answer 2:

我遇到类似的问题，即在一个表格单元格我的日期元素剪裁的小部件。 我不能用我的日期元素作为窗口小部件的DOM父，但我仍然想使用它作为一个可视化的定位。

我已经提交了PR的代码来处理这个问题。 我添加了一个新的选择：forceElementPosition。 它允许通过widgetParent DOM养育，但定位旁边的输入元素。

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

Answer 3:

请删除您overflow:hidden

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

替换此： -

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

演示

文章来源: Datetimepicker calendar is not open in correct position