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

标签 javascript css twitter-bootstrap timepicker

我正在使用时间选择器,但无法显示按钮。这是时间选择器的外观。

enter image description here

这是我渲染它的方式。

<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 文件,但您错过了捕获字形图标。

字形图标负责显示时间选择器上的按钮。

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

这是我在您选择时间选择器的网站上找到的内容

enter image description here

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

希望这有帮助

关于javascript - Bootstrap 时间选择器上的按钮未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20233638/

相关文章:

javascript - 仅当光标悬停在边缘标签上时才显示边缘标签 - VisNetwork Igraph

javascript - 更新 Angular js中的特定事件后无法更新fullcalendar(fullcalendar js)主事件对象

javascript - 用 fetch 事件替换 service worker 中的 Assets

wordpress - 如何使按钮在移动设备上响应

html - 如何在 vuetify 的布局中居中元素?

php - Codeigniter Twitter 风格流和 Ajax

javascript - W3schools 上 AJAX 示例的问题

javascript - bootstrap 中的单独日期、月份和年份下拉菜单

html - 使用 CSS3 为长方体添加倒 Angular

javascript - AngularJS:如何将数据从 Bootstrap 模式推送到表