Question

我正在尝试为网站实施bootstrap datepicker。问题是日历模式变得不对齐，因为一些css（我无权访问）为身体添加了一个边距，模态绝对定位。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker3.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/js/bootstrap-datepicker.min.js"></script>

<input class="input-test"></input>

{{1}}

{{1}}

Here is jsfiddle证明了这个问题。

最简单的解决方法是什么？通过javascript添加一个固定的上边距会起作用但是非常hacky。有更好的解决方案吗？

Answer 1

$('.input-test').datepicker({ container: "html" });

这应该可以解决问题，这里是指向你的jsfiddle的一个分支的链接：

https://jsfiddle.net/q0s4Lubb/

Bootstrap Datepicker：未对齐

1 个答案: