如何使用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>
发布于 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 )有所帮助
发布于 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/
发布于 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>
https://stackoverflow.com/questions/8267858
复制相似问题