Twitter Bootstrap DatePicker 不起作用[关闭]答案

【问题标题】：Twitter Bootstrap DatePicker does not work [closed]Twitter Bootstrap DatePicker 不起作用[关闭]
【发布时间】：2013-04-22 19:35:51
【问题描述】：

从here开始，我使用以下html代码：

<div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
  <input class="span2" size="16" type="text" value="12-02-2012">
  <span class="add-on"><i class="icon-th"></i></span>
</div>

靠近身体的末端我称之为：

<script src="../js/bootstrap-datepicker.js"></script>
<script>$('#dp3').datepicker(); </script>
  </body>

我还包括以下内容

<link href="../css/datepicker.css" rel="stylesheet">

但是当我点击该字段时，没有打开日期选择器。

【问题讨论】：

你是否也包含了 jQuery 库？ Bootstrap（和您当前的代码）需要它才能工作。在包含日期选择器库的行上方添加<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>。
devtools 是怎么说的？当您单击日期选择器时，可能会在控制台中告诉您错误。
@lan，你是对的......我指的是糟糕的 jquery 库。谢谢。

标签： javascript css twitter-bootstrap

【解决方案1】：

如前所述，确保包含 jQuery，并将日期选择器初始化包装在 jQuery 的 ready() 函数中，如下所示：

$(document).ready(function($) {
  $('#dp3').datepicker();
});

看到它在这里工作： http://jsfiddle.net/rUa7M/

【讨论】：

【解决方案2】：

或者

$(function() {
  $('#dp3').datepicker();
});

【讨论】：