Twitter bootstrap 未显示引导计时器选择器
我已经忙了一个多星期,想让一个引导计时器工作起来。任何指点都是最受欢迎的。引导图示符时间显示得太高,但主要问题是没有显示时间选择器 html: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
<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>