Angular DatePicker 与引导模式窗口重叠答案

【问题标题】：Angular DatePicker overlapping with the bootstrap modal windowAngular DatePicker 与引导模式窗口重叠
【发布时间】：2016-05-05 17:14:45
【问题描述】：

我正在尝试在引导程序的模式窗口中呈现角度日期选择器。然而，日历正在被剪裁。

附上相同的截图。

我尝试使用 z-index 修复它。但是失败得很惨。

前置条件：

【问题讨论】：

请分享您的代码..
嗨阿米特，我试过了。但是我无法获得整个代码。请注意，我只能控制 CSS。我可以设法更改要更改的类名。试图通过小提琴得到它。请看jsfiddle.net/shridharbaddur/j4eypfpy/2
从你的 JSFiddle 看来你没有使用Angular UI Bootstrap module。这是真的吗？为什么不？在下面的示例中，我使用了简化 Angular 项目中的 Bootstrap 集成的模块。

【解决方案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>

【讨论】：