javascript - Jquery datepicker 被输入重叠

Question

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

input 是一个 Kartik Krajee bootstrap 照片上传插件[链接: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 开发者工具有一种简单的方法可以做到这一点。当然，在日期选择器打开时右键单击它，然后在 Chrome 中单击“检查”。您可以看到显示日期选择器的根(或容器)html 元素。获取它的类(或 id)并应用下面的 CSS 规则。

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