2013-03-25 61 views
3

我嘗試了一切,但無法使datepicker顯示出來。Twitter Bootstrap Datepicker錯誤

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錯誤:

遺漏的類型錯誤:無法讀取未定義

未捕獲的ReferenceError的特性 'FN':$沒有定義

+4

你是否正確包含jQuery?你以什麼順序包括腳本? – 2013-03-25 00:53:34

回答

8

你需要d擁有jQuery的包括獲得引導日期選擇器工作

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

還添加了引導日期選擇器的CSS文件放在網頁的頭部。

+0

感謝這是CSS文件,我忘了哈哈...... – John 2013-03-25 02:57:22