引导时间选择器上的按钮未显示

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>

我获得了timepicker的css文件和js文件 Here

任何想法导致了什么？谢谢！

Answer 1

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

glyphicons负责显示时间戳上的按钮。

如果您可以检查按钮上的开发人员工具，则可以看到图像似乎丢失了。

以下是我在网站上发现的您选择的时间选择器

在您的网站上包含glyphicons png文件，以使图像更加完美。

希望这有帮助

Answer 2

尝试脚本为...

<script type="text/javascript">
    $("input[id$='timepicker']").timepicker({
        minuteStep: 5,
        showInputs: false,
        disableFocus: true
    });        
</script>

给一个id，比如说id =“timpick”，然后打电话给$（'＃timpick'）。timepicker（options）;