我正在使用时间选择器,但无法显示按钮。这是时间选择器的外观。
这是我渲染它的方式。
<input type="text" class="form-control timepicker appt_time" style="width:200px;">
<script>
$('.timepicker').timepicker();
</script>
这是我在标题中设置它们的方法
<link rel="stylesheet" media="screen" type="text/css" href="/content/css/bootstrap.css">
<link rel="stylesheet" media="screen" type="text/css" href="/content/css/bootstrap-datepicker.css">
<link rel="stylesheet" media="screen" type="text/css" href="/content/css/bootstrap-timepicker.css">
<script type="text/javascript" src="/content/script/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="/content/script/bootstrap.min.js"></script>
<script type="text/javascript" src="/content/script/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="/content/script/bootstrap-timepicker.js"></script>
我得到了时间选择器的css文件和js文件 Here .
你知道是什么原因造成的吗?谢谢!
最佳答案
您已经有了 css 和 js 文件,但您错过了捕获字形图标。
字形图标负责显示时间选择器上的按钮。
如果您可以检查按钮上的开发人员工具,您会发现图像似乎丢失了。
这是我在您选择时间选择器的网站上找到的内容
在您的网站上包含 glyphicons png 文件,以使图像完美工作。
希望这有帮助
关于javascript - Bootstrap 时间选择器上的按钮未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20233638/