Question

不仅仅是一个问题，这是我最近不得不处理的事情的分享，并花了我几个小时才能以正确的方式进行。

我在模态窗口中使用了日期选择器，当我点击控件时，日历出现但在模态后面，让我们说在父窗口和模态之间

在查看了所有地方之后，我可以通过简单地更改标记中的属性来修复：日期选择器，追加到身体：是的 - ＆gt;使日历显示在模态背后; false - ＆gt;日历显示在模态中的正确位置;

这是我的标记示例：

<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-append-to-body属性设置为false以仅在模态中显示日历（在模态前面）

AngularJS - 在模态后面出现的datepicker

1 个答案: