ui bootstrap手风琴内的日期选择器不可见

我正在尝试使用手风琴内的日期选择器做一个模块。ui bootstrap手风琴内的日期选择器不可见

问题是datepicker弹出框在手风琴上不可见。

这里是plunker显示问题：

如何我可以使对话框出现在手风琴模块的任何想法？

编辑：自举3，这是工作：

.panel-group .panel { 
    overflow: inherit; 
}

想想你可能已经差不多回答了你自己的问题，我想你想在引导UI中使用与日期选择器混合的对话框组件来获得所需的结果。 – shaunhusain

@shaunhusain因为没有datepickerPopup，所以我在使用对话框组件时使用了以前版本的ui-bootstrap（0.4）。但现在它存在，我宁愿使用这个datepickerPopup。它更好。 –

你的引导3“编辑”为我做了诀窍 - 对于datepicker和typeahead，它甚至在关闭手风琴时折叠很好。十分感谢。 – dgig

添加这个CSS后bootstrap.css链接可以修复它。这将覆盖与position有关的每个accordion-body的CSS。

<style type="text/css"> 
    .collapse { 
     position: inherit; 
    } 
</style>

2013-08-30 00:01:41 zsong

它正在工作。谢谢。只是为了理解，你知道他们为什么做默认的'.collapse {position：relative;}'？ –

@desgnl不确定。这有点冒险，他们应该改进样式表的兼容性。但就目前而言，这种替代方案应该能够完成这项工作，而且将来可能会有更好的解决方案。干杯! – zsong

谢谢！我刚刚创建了一个运动员，即将发布.... –

这对我的作品引导版本3：

.panel-body { 
    overflow: inherit !important; 
}

我的日期选择器是一个手风琴是在bootbox。

2015-12-15 17:33:44 dpatte

回答