jquery - 日期选择器显示错误的位置

标签 jquery css twitter-bootstrap datepicker modal-dialog

我尝试在模式中显示 datepicker,但结果是这样的:

enter image description here

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

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

我使用 bootswatch 的 SUPERHERO

最佳答案

应该存在 css 冲突,因为您还标记了 bootstrap。众所周知,Jquery UI 存在 Bootstrap 问题。有一个Jquery UI theme suitable for bootstrap , 你可以试试。

要快速修复,请尝试将以下 css 添加到 idTourDateDetails:

position: relative;
z-index: 100000;

这可能会为日期选择器提供正确的 z-index。

关于jquery - 日期选择器显示错误的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23179536/

相关文章:

css - bootstrap 中的这个 CSS 是做什么的?

javascript - 无法在 Twitter Bootstrap 可切换选项卡中设置默认值

javascript - Bootstrap 多重选择在 AngularJS 中不起作用

jQuery 数据表 Excel 导出 : Numeric Columns

javascript - 事件选项卡背景在页面加载时发生变化

jquery - 如何将同位素容器内的元素居中?

php - 期望参数

javascript - 根据另一个选择器中的值动态填充一个选择器

javascript - 如何使用jspdf在多页pdf中保存图像

javascript - JQuery - 如何计算选择器选择的元素数?