Javascript 数据采集器在上侧显示时不工作

我面临一个问题，当datetimepicker显示在上方时，我的引导datetimepicker无法正常工作

以下是一个屏幕截图：

当datetimepicker显示在上方时，我无法单击datetimepicker上的任何内容

当datetimepicker显示在下方时，我可以单击并选择datetimepicker，它将正常工作

这是我的代码：

<script type="text/javascript">

$(function() {
$('#select_year').datepicker({
 format: "yyyy", // Notice the Extra space at the beginning
viewMode: "years", 
minViewMode: "years",
 autoclose: true
});
});
</script>

这是我显示行的方式：

        <form action="set_holidays.php" method="post" >
    <div class="col-sm-3">
        <label for="field-1"  class="control-label pull-left holiday-vertical"><h4 style='padding-left:10px;'><b>Year</b></h4></label>  
        <div class="col-sm-8"> 
            <div class="input-group date">           
            <input type="text" id="select_year" name="year" class="form-control years" value="$this->year">
              <span class="input-group-btn">
                        <button class="btn btn-default" type="submit">Go</button>
                        <input type='hidden' value='refresh' name='action'>
                    </span>
            </div>
        </div>                        
             </div>                                    
    </form>

这就是我如何包含js和css的

---

假设您使用的是datepicker，其中有一个方向选项可以设置为orientation:top auto，它可以使日历的顶部紧靠输入框

看到sinppet了吗

$function{ $“选择年份”。日期选择器{ 格式：yyy，//请注意开头的额外空格 查看模式：年， minViewMode：年， 自动关闭：是的， 方向：顶部自动 }; }; 年 去

---

对于jQuery/Twitter引导程序，您可能希望引用多个您正在使用的datepicker，以便其他人能够更好地评估您的问题。请尝试将您的datepicker容器的“z-index”样式设置为“16777271”，看看它是否适合您。@choz只是好奇，你怎么知道还有另一个z-index-16777270的物体？@CrandellWS嗨，我已经升级了question@choz我懂了。谢谢分享

<link type="text/css" href="mypath/bootstrap.min.css" rel="stylesheet"/>
<link type="text/css" href="mypath/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
<link type="text/css" href="mypath/datepicker.css" rel="stylesheet"/>

<script type="text/javascript" src="mypath/jquery.min.js"></script>
<script type="text/javascript" src="mypath/bootstrap.min.js"></script>
<script type="text/javascript" src="mypath/bootstrap-datepicker.js"></script>