角度材料datepicker出现在uibModal后面

Question

    <input time="false" date="true" mdc-datetime-picker="" type="text" id="date" 
        placeholder="Date" ng-model="date" min-date="minDate" max-date="maxDate" 
        class="modal2">

这是日期选择器。我在uibModal的template.html中写了它。我尝试过使用z-index，但它不起作用。

Answer 1

在您的代码中，您没有使用重要的datepicker，

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

DEMO

Answer 2

<style>
    .md-dialog-container {
        z-index: 1200;
    }
</style>

这解决了它。我检查了容器<div>并找到了它的类。

Answer 3

以下代码工作正常。

<style>
.md-datepicker-calendar-pane{
            position: absolute !important;
            z-index: 99999 !important;
        }
</style>

你可以在你的HTML中使用这种风格..