首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >响应bootstrap 3时间选择器?

响应bootstrap 3时间选择器?
EN

Stack Overflow用户
提问于 2014-01-10 00:00:58
回答 6查看 157.1K关注 0票数 41

谁知道一个响应性很好的bootstrap 3时间选择器?

我花了一周的时间一个接一个地检查时间选择器,总是有一个问题:http://jdewit.github.io/bootstrap-timepicker/本来是完美的,但它适用于bootstrap 2,http://www.malot.fr/bootstrap-datetimepicker/没有响应,我又经历了至少3次,要么不能在bootstrap 3上工作,要么没有响应,或者不支持24小时系统(我需要)

所以,如果任何人知道任何好的,看起来更像jdewit的人,这是响应式的,并支持24小时系统,请分享它将非常感谢,并将结束我一周的搜索,所以我终于可以转移到新的东西:p谢谢!

EN

回答 6

Stack Overflow用户

发布于 2014-07-31 10:55:32

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

CSS

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<link rel="stylesheet" type="text/css" href="dist/bootstrap-clockpicker.min.css">

HTML

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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
代码运行次数:0
运行
AI代码解释
复制
<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

票数 77
EN

Stack Overflow用户

发布于 2014-01-10 01:38:12

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

更新。下面是基于相同版本的另一个版本,但针对bootstrap 3进行了修改。https://github.com/rendom/bootstrap-3-timepicker

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

票数 28
EN

Stack Overflow用户

发布于 2014-06-24 06:04:21

这是我最近在探索同样的问题时发现的另一个选择:Eonasdan on Github

我在.NET MVC/Bootstrap3环境中工作得很好。

也可以在Here's上创建一个示例页面。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21033746

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文