Twitter bootstrap 未显示引导计时器选择器

Twitter bootstrap 未显示引导计时器选择器,twitter-bootstrap,timepicker,Twitter Bootstrap,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> <in

我已经忙了一个多星期,想让一个引导计时器工作起来。任何指点都是最受欢迎的。引导图示符时间显示得太高,但主要问题是没有显示时间选择器

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()


谢谢。

是您的
$('dep#u time')。timepicker()在script.js中

如果是这样,则在任何libs/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>

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