javascript - 响应式 Bootstrap 3 时间选择器？

Question

有人知道好的响应式 bootstrap 3 timepicker 吗？

我花了一个星期一个接一个地检查时间选择器，但总是有一个问题，例如:http://jdewit.github.io/bootstrap-timepicker/会是完美的，但它用于 bootstrap 2，http://www.malot.fr/bootstrap-datetimepicker/没有响应，我经历了至少 3 个以上的问题，这些问题要么不适用于 bootstrap 3，要么没有响应，要么不支持 24 小时系统(我需要)

因此，如果有人知道任何看起来整洁的好东西，最好像 jdewit 那样，响应迅速且支持 24 小时系统，请分享它，我将不胜感激，这将结束我为期一周的搜索，以便我最终可以继续一些新的东西:p 谢谢!

Answer 1

最重要的是，我在这里找到了这个图书馆。在 Bootstrap-3 环境中开箱即用。

Bootstrap-3 Clock-Picker

CSS

<link rel="stylesheet" type="text/css" href="dist/bootstrap-clockpicker.min.css">

HTML

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

JavaScript

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

就这么简单!在上面的链接中找到更多示例。

2018 年 4 月 18 日更新

如果您使用的是 Bootstrap-4，目前最流行的时间/日期选择器库是 Tempus Dominus。它看起来并不花哨，但 react 灵敏且现代。

Bootstrap-4 Tempus Dominus