bootstrap timepicker不显示

Question

我一直在填充一个多星期试图做一个自举timepicker的工作。任何指针将是最受欢迎的。自举图形时间显示为过高，但主要问题是未显示时间选择器。

HTML：

<div class="form-group col-lg-3 col-md-3 col-sm-3 col-xs-12"> 
<div class="input-group" id="dep_time"> 
<label for="depart_time">Depart time</label> 
<input placeholder="" class="form-control" name="dep_time" type="text"> 
<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>     
</div> 
</div> 

脚本： $（ '＃dep_time'）timepicker（）;

<script src="http://localhost/js/script.js"></script> 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 
<script src="http://localhost/js/jquery-1.11.1.min.js"></script> 
<script src="http://localhost/js/jquery-ui.min.js"></script> 
<script src="http://localhost/js/bootstrap-timepicker.min.js"></script> 

谢谢。

Answer 1

是你的$('#dep_time').timepicker();在script.js中？

如果是这样，你是装在你面前的任何库/ jQuery的等

的自己的代码，所以这样的：

<script src="http://localhost/js/script.js"></script> 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 
<script src="http://localhost/js/jquery-1.11.1.min.js"></script> 
<script src="http://localhost/js/jquery-ui.min.js"></script> 
<script src="http://localhost/js/bootstrap-timepicker.min.js"></script> 

将需要

<script src="http://localhost/js/jquery-1.11.1.min.js"></script> 
<script src="http://localhost/js/jquery-ui.min.js"></script> 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 
<script src="http://localhost/js/bootstrap-timepicker.min.js"></script> 
<script src="http://localhost/js/script.js"></script> 

这可能是一个问题，但是，即使这不会工作，因为时间选择器需要在输入上触发，并且您正在使用div

<div class="input-group" id="dep_time"> 
    ...    
</div> 

应该是

<div class="input-group"> 
    .... 
     <input id="dep_time" etc 
    ....     
</div>