Angular-UI手風琴+ Datepicker？

Question

我使用Anguar-Ui Bootstrap http://angular-ui.github.io/bootstrap/

我已經從Angular UI中實現了“ Accordion”，現在我想在此Accordeon中添加來自Angular UI的Popup DatePicker。 問題是，如果我在日期的Accordeon中單擊，則會打開彈出窗口，以便我可以選擇日期，但會在Accordeon內部打開此彈出窗口。 是否可以在“手風琴”窗口之外打開此彈出窗口？ 手風琴窗口很小，無法顯示整個日期選擇器。

我希望你明白我的意思。

代碼如下所示，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“”，現在就可以了。

Answer 1

這是完整的代碼，使用Angular 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元素上