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元件