AngularJS - datepicker подходит к модальному

Question

Больше, чем вопрос, это совместное использование чего-то, с чем я недавно столкнулся, и взял меня на несколько часов, чтобы поместить его в правильном направлении.

Я использовал DatePicker в модальном окне, когда я нажал контроль, календарь подошел, но за модальным, скажем, между родительским окном и модальный

Посмотрев повсюду, я можно исправить, просто изменив атрибут в разметке: datepicker-append-to-body: true -> делает календарь отображаемым за модальным; false -> календарь показан в нужном месте, в пределах модального;

Это мои разметки в качестве примера:

<div class="input-group"> 
    <input type="text" 
    class="form-control input-sm" 
    ng-model="scheduleDates.startDate" 
    jquery-maskedinput 
    data-mask="99/99/9999" 
    data-mask-placeholder="MM/DD/YYYY" 
    uib-datepicker-popup="MM/dd/yyyy" 
    datepicker-append-to-body="false" 
    is-open="datePicker.startDateIsOpen" 
    close-text="Close" 
    datepicker-options="dateOptions" /> 
    <div class="input-group-btn"> 
    <button 
     type="button" 
     class="btn btn-sm btn-default" 
     ng-click="openStartDatePicker()"> 
    <i class="glyphicon glyphicon-calendar"></i> 
    </button> 
    </div> 
</div> 

Answer 1

Установите атрибут DatePicker-конкатенирующий к кузову в ложь, чтобы отобразить календарь только в модальном (перед модальным)