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

回答