Angular-UI手風琴+日期選擇器？

Question

我使用Anguar的UI引導http://angular-ui.github.io/bootstrap/

，我已經從角UI實施的「手風琴」，現在我想在這裏面添加手風琴從角UI彈出的DatePicker。 問題是，如果我點擊日期內的Accordeon，它會打開彈出窗口，以便我可以選擇日期，但會在Accordeon中打開此彈出窗口。這個彈出窗口是否可以在Accordion窗口之外打開？ Accordion窗口很小以顯示整個日期選擇器。

我希望你明白我的意思..

的代碼看起來像這樣，在日期選擇器的控制器是一樣的，在角UI例如：

<accordion close-others="oneAtATime"> 

<accordion-group heading="Filter"> 

<p class="input-group"> 
<input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" /> 
<span class="input-group-btn"> 
<button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button> 
</span> 
</p> 
</accordion-group> 

</accordion>  

編輯：確定我有解決了這個問題，我必須只添加「日期選擇器，追加到身體=」真「」，現在它的工作原理..

Answer 1

下面是完整的代碼，用在角UI使用的示例中，顯示出在哪裏設置datepicker-append-to-body="true"

<div ng-controller="datePickerController" > 
    <div class="row"> 
     <div class="col-md-6"> 
      <p class="input-group"> 
       <input type="text" class="form-control" datepicker-append-to-body="true" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" /> 
       <span class="input-group-btn"> 
       <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button> 
       </span> 
      </p> 
     </div> 
    </div> 
</div> 

的修飾是在第5行中，input元件