Angularjs 有角度的手风琴+；日期选择器？

我使用AnguarUI引导

我已经从Angular UI中实现了“Accordion”，现在我想在这个Accordion中添加Angular UI中的弹出日期选择器。 问题是，如果我在日期单击手风琴内部，它会打开弹出窗口，以便我可以选择日期，但它会在手风琴内部打开此弹出窗口。此弹出窗口是否可能在手风琴窗口外打开？手风琴窗口太小，无法显示整个日期选择器

我希望你明白我的意思

代码如下所示，datePicker的控制器与Angular 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>    

---

编辑：好的，我已经解决了这个问题，我必须只添加“datepicker append to body=“true”，现在它可以工作了。

下面是完整的代码，使用Angular UI中使用的示例，显示在哪里设置

datepicker append to body=“true”

修改在第5行的

输入

元素上

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