Datepicker显示错误的位置

Question

我尝试在模态中显示datepicker，但结果如下：

datepicker显示在错误的位置，但是当我尝试jsfiddle中的代码时工作正常

这是我的链接：http://jsfiddle.net/alverhothasi/D7bBg/

我使用bootswatch中的SUPERHERO

Answer 1

应该有一个css冲突，因为你还标记了bootstrap。众所周知，Jquery UI存在引导程序问题。有一个Jquery UI theme suitable for bootstrap，你可以尝试一下。

要快速解决问题，请尝试将以下css添加到idTourDateDetails：

position: relative;
z-index: 100000;

这可能会为datepicker提供正确的z-index。