引导时间选择器未显示
引导时间选择器未显示
提问于 2014-12-18 22:15:41
我已经忙了一个多星期了，试图让一个引导式的时间选择器工作。任何指示都将是最受欢迎的。引导图标时间显示得太高，但主要问题是没有显示时间选择器。
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>谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-12-19 09:24:30
你的$('#dep_time').timepicker();在script.js吗？
如果是这样，则在任何lib/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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27556669
复制相关文章
相似问题
腾讯云开发者
