角度材料DatePicker日历显示在角度模态之后 [英] Angular Material DatePicker Calendar Shows Behind Angular Modal

问题描述

我有以下简单的代码：

                <md-content>
                <md-datepicker ng-model="startDate" md-placeholder="Enter date">
                </md-datepicker>
                </md-content>

它填充好，但是当你点击它，日历我可以看到在阴影中弹出在角度模态窗口后面。

It populates fine, but when you click on it, the calendar I can see pops up in the shadow behind angular modal window.

*我使用这个datepicker：
https://material.angularjs.org/latest/demo/datepicker

*I'm using this datepicker: https://material.angularjs.org/latest/demo/datepicker

推荐答案

您只需将其放入模态的HTML模板中：

you just need to put this into the html template of the modal:

<style> 
.md-datepicker-calendar-pane{
z-index: 1200}
</style>

这篇关于角度材料DatePicker日历显示在角度模态之后的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！