Twitter Bootstrap日期选择器
Twitter Bootstrap日期选择器
提问于 2011-11-25 18:40:54
如何使用Twitter启动日期选择器？我使用了下面的代码，但它不工作。
<html>
<head>
<title>DatePicker Demo</title>
<script src="js/jquery-1.7.1.js"></script>
<link href="css/datepicker.less" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/bootstrap-datepicker.js"></script>
</script>
</head>
<body>
<form >
<div class="input">
<input class="small" type="text" value="01/05/2011" data-datepicker="datepicker">
</div>
</form>
</body>
</html>回答 7
Stack Overflow用户
回答已采纳
发布于 2011-11-27 01:18:57
Twitter Bootstrap目前与jQuery UI样式不兼容。
https://github.com/twitter/bootstrap/issues/156
这可能对你的https://github.com/sferik/rails_admin ( http://rails-admin-tb.herokuapp.com/admin/drafts/new )有所帮助
Stack Overflow用户
发布于 2012-04-02 13:53:18
目前最流行的引导日期选择器是：https://github.com/eternicode/bootstrap-datepicker (感谢@dentarg挖掘它)
一个简单的实例化只需要：
HTML
<input class="datepicker">Javascript
$('.datepicker').datepicker();在这里看一个简单的例子https://jsfiddle.net/k6qsm5no/1/或在这里看完整的文档http://bootstrap-datepicker.readthedocs.org/en/latest/
Stack Overflow用户
发布于 2012-06-15 05:43:00
我也遇到了同样的问题，但令我惊讶的是，当我创建一个测试项目时，datepicker使用Bootstrap v2.0.2和Jquery UI 1.8.11完美工作。以下是我所包含的脚本：
<link href="@Url.Content("~/Content/bootstrap.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/bootstrap-responsive.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8267858
复制相关文章
相似问题