javascript - Bootstrap 时间选择器上的按钮未显示

Question

我正在使用时间选择器，但无法显示按钮。时间选择器的外观如下。

这是我如何渲染它。

<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 .

知道是什么原因造成的吗？谢谢!

Answer 1

你有 css 和 js 文件，但你错过了捕获字形。

glyphicons 负责显示时间选择器上的按钮。

如果您可以检查按钮上的开发者工具，您会发现图像似乎丢失了。

这是我在网站上找到的你选择了 timepicker 的内容

在您的网站上包含 glyphicons png 文件以使图像完美工作。

希望对你有帮助