响应式bootstrap 3 timepicker？ [英] Responsive bootstrap 3 timepicker?

问题描述

有没有人知道一个好的响应式bootstrap 3 timepicker？

Does anyone know of a good responsive bootstrap 3 timepicker?

我花了一周的时间经过timepicker的时间戳，并且总是有一个问题，例如： http://jdewit.github.io/bootstrap-timepicker/ 本来是完美的但是它用于bootstrap 2，http://www.malot.fr/bootstrap-datetimepicker/ 没有响应，我经历了至少3次，要么无法工作for bootstrap 3，没有响应，或者没有支持24小时制（我需要）

Ive spent a week going through timepicker after timepicker and there was always a problem for example: http://jdewit.github.io/bootstrap-timepicker/ would of been perfect but its for bootstrap 2, http://www.malot.fr/bootstrap-datetimepicker/ isnt responsive, and I went through at least 3 more that either wouldnt work for bootstrap 3, wasnt responsive, or didnt support 24 hour system (which I need)

所以如果有人知道任何看起来整洁的好的，最好像jdewit那样，我会非常感激并且支持24小时系统，我会非常感激并会结束我一周的搜索，所以我终于可以继续进行新的事情了：p谢谢！

So if anyone knows of any good one that looks neat preferably like the jdewit one, that is responsive and that supports 24 hour system please share it would be greatly appreciated and would end my week long search so I can finally move on to something new :p Thank you!

推荐答案

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

Above of all, I found this library right here. Works out of the box perfectly on a Bootstrap-3 environment.

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

JAVASCRIPT

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

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

As simple as that! Find more examples on the link above.

如果您使用的是Bootstrap- 4，目前最受欢迎的时间/日期选择器库是Tempus Dominus。这看起来并不花哨，反应灵敏，现代化。

If you are using Bootstrap-4, the most popular time/date picker library available right now is Tempus Dominus. It is not fancy looking, but much responsive and modern.

这篇关于响应式bootstrap 3 timepicker？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！