Twitter Bootstrap Datepicker错误

Question

我尝试了一切,但无法让日期选择器显示出来.

Bootstrap版本v2.3.1.

最新版本http://www.eyecon.ro/bootstrap-datepicker/

HTML:

<div class="input-append date" id="dpMonths" data-date="102/2012" data-date-format="yyyy-mm" data-date-viewmode="years" data-date-minviewmode="months">
<input class="" size="16" type="text" value="2013-03" readonly>
<span class="add-on"><i class="icon-calendar"></i></span>

<script src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript">
$(function() {
    $('#dpMonths').datepicker();
});
</script>

Javascript错误:

未捕获的TypeError:无法读取未定义的属性"fn"

未捕获的ReferenceError:$未定义

Answer 1

您需要包含jquery才能使引导日期选择器正常工作

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>

还要在页面的头部添加bootstrap datepicker的CSS文件.