材料设计日期选择器z索引问题

Question

我的问题是，没有显示整个日期选择器，相反，我将不得不向下滚动我的模态，例如，如果我想进入一个月的第18个月as shown here.

所以我需要在模态框前面加上日期选择器。

这是JSFiddle链接供参考。 JSFiddle

我的代码：

$(document).ready(function() {
  $('.modal-trigger').leanModal();
  $('#bdate').pickadate();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="waves-effect waves-light btn modal-trigger" href="#modal1">Submit your Informations</a>

<div id="modal1" class="modal">
  <div class="modal-content">
    <h4>Add Your Details</h4>
    <label for="bdate">Your birthdate</label>
    <input type="date" id="bdate" class="datepicker" />
  </div>
</div>

Answer 1

有一些解决方案，有一个关于这个问题的github issue。 pickadate有这个选项container：

$('#bdate').pickadate({
    container: 'body'
})

检查JSFIDDLE