响应式bootstrap 3 timepicker？

Question

有谁知道一个良好的响应式bootstrap 3 timepicker？

我花了一个星期的时间戳经过时间戳,并且总是存在一个问题,例如:http://jdewit.github.io/bootstrap-timepicker/ 本来是完美的,但是它用于bootstrap 2,http://www.malot. fr/bootstrap-datetimepicker /没有响应,我经历了至少3个以上不能为bootstrap 3工作,没有响应,或者没有支持24小时系统(我需要)

因此,如果有人知道任何看起来整洁的好的,最好像jdewit那个,那是响应,并支持24小时系统,请分享它将非常感谢,并将结束我的一周搜索,所以我可以最终转向新的东西:谢谢你!

Answer 1

最重要的是,我在这里找到了这个库.在Bootstrap-3环境中完美地开箱即用.

Bootstrap-3时钟选择器

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>

就如此容易!在上面的链接中查找更多示例.

更新18/04/2018

如果您使用的是Bootstrap-4,那么目前最流行的时间/日期选择器库是Tempus Dominus.它不是花哨的外观,而是反应迅速和现代.

Bootstrap-4 Tempus Dominus

Answer 2

这是http://jdewit.github.io/bootstrap-timepicker/的略微修改版本,它支持bootstrap 3.你可以在这里查看.https://github.com/m3wolf/bootstrap3-timepicker让我知道如果它不起作用,我会尝试寻找替代方案.

更新.这是另一个基于相同版本,但为bootstrap 3修改.https://github.com/rendom/bootstrap-3-timepicker

更新2.这是另一个.http://bootstrapformhelpers.com/timepicker/