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

时间:2018-03-02 10:11:54

标签: jquery html css

我的问题是,不是显示整个日期选择器,相反,我必须向下滚动我的模态,例如,如果我想进入一个月的第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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

有些解决方案存在关于此问题的github issuepickadate有此选项container

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

检查JSFIDDLE