角度DatePicker与引导模式窗口重叠

Question

我正在尝试在bootstrap的模态窗口中渲染角度日期选择器。但是日历会被剪裁。

附件是截图。

我试图用z-index修复它。然而失败的非常糟糕。

前提条件：

1. 模态的页眉和页脚是固定的。

2. 只有模态体才能滚动。

3. 模态体将具有max-height以占据浏览器的剩余高度

4. 模态中的内容可能会增加或减少。因此，模式将扩展为仅使用内容的滚动条来利用剩余的浏览器高度。

Answer 1

由于<uib-datepicker>具有固定大小且无法调整大小，因此您可以自定义小按钮的大小（天）。

例如，定义.custom-size .btn-sm CSS规则：

.custom-size .btn-sm {
  padding: 4px 8px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px;
}

然后将custom-size类应用于uib-datepicker：

<uib-datepicker ng-model="dateTo" starting-day="1" min-date="dateFrom" show-weeks="false" class="custom-size"></uib-datepicker>