Javascript 响应引导3时间选择器？

有人知道一个好的响应引导3时间选择器吗

我花了一个星期的时间一个接一个地检查时间选择器，总是有一个问题，例如：如果是完美的，但它适用于bootstrap 2，没有响应，我至少又检查了3次，要么对bootstrap 3不起作用，要么没有响应，要么不支持24小时系统（我需要）

---

因此，如果有人知道任何一个好的，看起来整洁的，最好像jdewit的一个，这是响应和支持24小时系统，请分享它将不胜感激，并将结束我一周的搜索，所以我可以最终进入新的东西：p谢谢

这是一个稍加修改的版本，支持bootstrap 3。你可以在这里查看。如果它不起作用，请告诉我，我将尝试寻找替代方案

更新。这里是另一个基于相同版本的，但为Bootstrap3修改

---

更新2。这里还有一个

这是我最近在探索同一问题时发现的另一个选择：

在.NETMVC/Bootstrap3环境中工作良好

---

还有一个示例页。

最重要的是，我在这里找到了这个库。在Bootstrap-3环境中，开箱即用的设计非常完美

CSS

HTML

JAVASCRIPT

<script type="text/javascript" src="dist/bootstrap-clockpicker.min.js"></script>
<script type="text/javascript">
    $('.clockpicker').clockpicker();
</script>

$（'.clockpicker'）.clockpicker（）；

就这么简单！在上面的链接上找到更多的例子

2018年4月18日更新 如果您使用的是Bootstrap-4，那么现在最流行的时间/日期选择器库是Tempus Dominus。它看起来并不花哨，但反应灵敏且现代

---

作为对OP问题的更新，我可以确认，在中找到的时间选择器现在确实可以与Bootstrap 3一起工作，没有任何问题。

提供了最佳和最终的JavaScript UI组件集合，包括jQuery、Angular、React和Vue库。无论您选择何种JavaScript框架，都可以快速构建引人注目、高性能、响应迅速的web应用程序。以下是它们的一个组件：

下面是另一个简单的解决方案

时间
$（'.timepicker'）.timepicker({
});

这里是另一个来自

mdbootstrap

• 对于引导，3.4.1不起作用，不再维护（）
• 这个“https://github.com/rendom/bootstrap-3-timepicker“现宣布如下： 推特引导3分叉的时间选择器
• mdbootstrap的Bootstrap Time Picker是一款“MDB PRO组件”，定价为99欧元，用于“终身使用。12个月的高级支持和无限更新”

---

有人能让时间选择器使用Bootstrap 3.4吗？

事实上，他们说他们是Bootstrap 3，但有人让他们工作了吗？rendom的那款很好用。一定要遵循演示：在我身上使用Twitter Bootstrap 3为我使用Bootstrap 3.3.2。算了吧，我找到了。twelvehour=True此时钟选择器不再根据其在GitHub上的信息进行维护。@MrsTapp使用最流行的可用库更新了Bootstrap-4的答案。如果您使用内联链接，这将非常有用，这样您就可以编写[这一个]（www.somesite.com）而不是包括网址-它使评论更容易阅读和浏览！

<div class="input-group clockpicker">
    <input type="text" class="form-control" value="09:30">
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
    </span>
</div>

<script type="text/javascript" src="dist/bootstrap-clockpicker.min.js"></script>
<script type="text/javascript">
    $('.clockpicker').clockpicker();
</script>

<!--Css-->
<link href="css/timepicker.css" type="text/css" rel="stylesheet" />

<!--Html-->
<div class="row">
    <div class="col">
        <label class="label-in">Time</label>
        <input class="timepicker" id="event-time" type="text" value="" required="">
    </div>
</div>

<!--Script-->
<script src="Scripts/ClockPicker.js"></script>
<script>
   $('.timepicker').timepicker({
     });
</script>