角度材料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中使用此样式。