当我应用表单控件类时,datepicker停止工作

时间:2014-07-18 16:34:08

标签: jquery jquery-ui twitter-bootstrap-3

我有一个文本框,其中应用了一个有效的jquery datepicker。如果我将.form-control类添加到文本框并重新加载页面,则datepicker停止工作。有谁知道如何解决这个问题?

2 个答案:

答案 0 :(得分:2)

我自己想通了。 datepicker对象从它所附加的项中获取它的z-index。事实证明.input-group .from-control设置z-index的方式,在这种情况下,导致它出现在该项目的容器下面而不是顶部。我只是增加了该项目的z-index以解决问题。

答案 1 :(得分:0)

我也有这个问题。我最终使用了TopZIndex jQuery插件。

只需下载插件并将其加载到您的页面即可:

<script src='/path/to/jquery.topzindex.js'></script>

并在您的页面中包含以下简单脚本(由您本人真正编写):

$('.hasDatepicker').click(function() {
    $('.ui-datepicker').css('z-index', $.topZIndex() + 1);
});

现在日期已经成熟,可以选择了。