Angular DatePicker与引导模态窗口重叠

Question

我试图在引导程序的模态窗口中渲染一个有角度的日期选择器。 但是，日历已被裁剪。

附件是相同的屏幕截图。

我试图用z-index修复它。 但是失败非常严重。

前提条件：

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

2. 仅模式-body将滚动。

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>