Jquery datepicker与输入

Question

As you can see in the image the Jquery datepicker is overlapped by input

输入是Kartik Krajee bootstrap照片上传插件[link：http://plugins.krajee.com/file-input/demo]

HTML

  <input id="file-0a" class="file" name="file" type="file" size="" multiple data-min-file-count="1">

Jquery日期选择器

     <input id="datepicker" type="text" name="dob" class="form-control"  placeholder="Date of Birth">
           <?php
     $year = date('Y');
       ?>

 <script>

  $(function() {
    $( "#datepicker" ).datepicker({changeYear:true, yearRange: '<?php echo $year-70; ?>:<?php echo $year-10; ?>'});
          });

  </script>

照片上传输入与日历重叠，因为您可以看到图片可以解决这个问题吗？

Answer 1

首先，找到datepicker容器的css类。使用Chrome开发者工具可以轻松完成此操作。当它打开时右键单击日期选择器，然后单击＆＃34;检查＆＃34;在Chrome中。您可以看到显示datepicker的根（或容器）html元素。拿它的类（或id）并应用下面的css规则。

#datepicker-container-or-something {
 z-index:9999 !important;
}