Jquery Datetimepicker日历未在正确位置打开
我正在paramquery网格中使用Eonasdan引导datetimepicker。从一开始我就面临一个问题,如果我打开datetimepicker,日历就会隐藏在网格中。当我给出css条件时Jquery Datetimepicker日历未在正确位置打开,jquery,html,css,twitter-bootstrap,calendar,Jquery,Html,Css,Twitter Bootstrap,Calendar,我正在paramquery网格中使用Eonasdan引导datetimepicker。从一开始我就面临一个问题,如果我打开datetimepicker,日历就会隐藏在网格中。当我给出css条件时 。下拉菜单{ 位置:固定; }尝试使用Datepicker中的widgetParent选项 $(“.input group.date”).datetimepicker({widgetParent:'body'}) 现在您可以调整定位,widgetParent选项允许您在页面中的任何容器中显示小部件。请
。下拉菜单{
位置:固定;
}
尝试使用Datepicker中的widgetParent选项
$(“.input group.date”).datetimepicker({widgetParent:'body'})代码>
现在您可以调整定位,widgetParent选项允许您在页面中的任何容器中显示小部件。请删除您的溢出:隐藏
.pq-grid td.pq-grid-cell{overflow:hidden}
替换此项:-
.pq-grid td.pq-grid-cell{overflow:visible}
我遇到了一个类似的问题,表格单元格中的date元素将小部件裁剪掉。我不能使用date元素作为小部件的DOM父级,但我仍然希望将其用作视觉定位
我已经提交了一份带有代码的PR来处理这个问题。
我添加了一个新选项:forceElementPosition。它允许DOM通过
widgetParent,但定位在输入元素旁边
如果我给出“位置:绝对”,日历就隐藏在网格中。看到这把小提琴了吗。外面看不到日历。真的很抱歉。如果我给单元格指定“overflow:visible”,那么它只在单元格外部可见。但我的要求是,日历也将在网格外可见。请打开第五行的日历。在这里,我不能选择时间。日历被藏起来了。这就是问题所在。让我们检查一下小提琴。日历在网格外不可见。如果单击第五行日历,则无法选择时间。不,它不起作用。如果我给出这行,即使日历也不会打开。你搞定了-这就是问题所在。