Css 角材料md数据选择器内部引导模式

我尝试在引导模式中使用Angular material

md datepicker

，但单击模式弹出窗口隐藏的日期。我怎样才能解决这个问题

&时代；
身体合成介绍视频。。。

&时代；
身体合成介绍视频。。。

它是怎样的

禁用模式类中的显示：块后

---

我也遇到了同样的问题，我发现用一个类似的问题实际上解决了这个问题。您只需将以下样式添加到模式窗口的HTML代码中：

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

.md日期选择器日历窗格{
z指数：1200；
}

---

对同一问题的回答是，您也可以修改

angular material.css

文件并更改其中的z索引，但我不建议修改源文件，因为如果您决定更新库，您的更改可能会恢复。

接受的答案不适用于

@angular/material 5.0.0-rc0

而是添加到

.component.scss

文件中：

::ng-deep .cdk-overlay-container{
    z-index: 1200 !important;
}

---

（或）由于视图封装，需要使用前缀。请注意，deep在文档中被标记为不推荐使用，使用

cdk覆盖容器可能不是一个好的做法，因为将来的材质模块更改可能会破坏它。
对于我来说，使用@angular/material 5.2.4的工作解决方案是在以下部分添加我的css文件

.cdk-overlay-container { 
    z-index: 1200; 
}

我使用“@angular/material”：“^11.2.13”的工作解决方案是在下面添加我的全局css文件

.cdk覆盖容器{z-index:1200；}
：：不推荐使用ng deep。这不适用于材料8.1.2。即使使用Angular 8，使用ng deep的答案仍然有效。首先，如何让datepicker渲染？尝试了很多东西，只是没有显示拾取框。