Javascript Jquery日期选择器被输入重叠

输入是Kartik Krajee引导照片上传插件[链接：

HTML

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>

$（函数（）{
$（“#datepicker”）.datepicker（{changeYear:true，yearRange:'：'}）；
});

---

照片上传输入与日历重叠，因为你可以看到图像，任何人都可以解决这个问题吗？

首先，找到datepicker容器css类。使用Chrome开发工具可以很容易地做到这一点。当然，在datepicker打开时右键单击它，然后在Chrome中单击“检查”。你可以看到根（或容器）显示日期选择器的html元素。获取它的类（或id）并应用下面的css规则

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

---

首先，找到datepicker容器css类。使用Chrome开发工具有一种简单的方法可以做到这一点。当然，当datepicker打开时，右键单击它，然后在Chrome中单击“Inspect”。你可以看到显示datepicker的根（或容器）html元素。获取它的类（或id）并应用下面的css规则

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

---

我确实通过inspect元素添加了z-index:0px，但我不知道在文件中添加到哪里。您可以通过css规则添加它，并在类/id中应用

z-index:0px

，或者对该元素执行内嵌css，如

style=“z-index:0px”

我添加了z-index:0px，但它不起作用。我确实通过inspect元素添加了z-index:0px，并且确实起作用了，但我不知道在文件中添加到哪里。您可以通过css规则添加它，并在类/id内部应用

z-index:0px

或者对该元素执行内联css，比如

style=“z-index:0px”

我做了，但它不起作用