Bootstrap-datetimepicker里面没有正确显示

时间:2016-04-12 09:01:26

标签: javascript jquery css bootstrap-datetimepicker

我在<table/>中使用Eonasdan/bootstrap-datetimepicker并且它在某些行中完美运行,但是在最后一行中,datetimepicker弹出窗口没有显示在它应该的正确位置。

这是一个说明问题的图片

enter image description here

这里有 JSFiddle ,你可以尝试一下进行。

2 个答案:

答案 0 :(得分:7)

position:relative应用到您表格的<td>。将解决您的问题。 这是更新的小提琴https://jsfiddle.net/znLmpgz7/1/

.table td{
  position:relative;
}

答案 1 :(得分:0)

我已经通过添加position:relative;解决了这个问题。 bootstrap-datetimepicker.min.js中的.bootstrap-datetimepicker-widget类的规则。而且我也有一些排名靠前的问题,因此我只在CSS中设置了“ top:0px!important”。