javascript - Angular Material DatePicker 日历显示在 Angular Modal 后面

标签 javascript angularjs datepicker angular-material

我有以下简单代码:

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

它填充正常,但是当您单击它时,我可以看到的日历会在 Angular 模式窗口后面的阴影中弹出。

*我正在使用这个日期选择器: https://material.angularjs.org/latest/demo/datepicker

最佳答案

你只需要将其放入模态的html模板中:

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

关于javascript - Angular Material DatePicker 日历显示在 Angular Modal 后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36627500/

相关文章:

javascript - 在打开状态下加载 jQuery UI 自动完成中更改的数据

java - 使用 AngularJS 时 Java Web 框架的必要性

Javascript如何按字符串的数值对对象数组进行排序

javascript - 使用 Angular Directive(指令)中的参数在 css 中动态转换

angularjs - 图像 url Angular js 中的 400(错误请求)

javascript - 在仅年份模式下更新 Bootstrap 日期选择器值

jquery-ui - 日期选择器可见故障?

jQuery Datepicker 月份变化的幻灯片效果

javascript - SP 2007 使 IE 在运行 jssor 代码时挂起

javascript - PHP/cURL 或 file_get_contents -- 如何获取 JS 页面的值而不是 JS 代码