2013-03-20 10 views
6

私はここからブートストラップのdatepickerを取得しようとしています:https://github.com/eternicode/bootstrap-datepickerは動作しますが、カレンダーはまったく表示されません。私は何が欠けているか分からない?私はすべてを正しくリンクしました。どんな助けも素晴らしいでしょう、ありがとう!ブートストラップの日付ピッカーがまったく動作しない

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

<input type="text" value="02/16/12" data-date-format="mm/dd/yy" class="datepicker" > 

<script src="js/bootstrap.js"></script> 
<script src="js/jquery-1.7.1.js"></script> 
<script src="js/bootstrap-datepicker.js"></script> 

<script type="text/javascript"> 
$('.datepicker').datepicker(); 
</script> 

+1

javascriptコンソールに何かが表示されていますか?あなたの入力は実際にスクリプトのタグの上にあるのですか、単にコードを凝縮していますか? – Ronnie

答えて

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

それは、私はjQueryの1.7.2、ブートストラップ2.0.2と最新のdatepicker JSを使用hereに取り組んでいます。私のテストではCSSが見つからないのですが、クリックした時点でdatepickerが発生します! :-)

+1

応答をありがとうが、私はこれを追加し、まだ動作していないようです。私はそれをタグの直前に置いています。入力はスクリプトタグの上にあります。 – Soulipsyz

+0

ええ、私は、問題はどこか他の場所にある必要があります参照してください。あなたはFireBugコンソールでJSを実行しようとしましたか?私は作業テストを作成し@Soulipsyz – powtac

+0

:TypeError例外:http://jsfiddle.net/powtac/kGDGX/ – powtac

4

$(document).ready()を追加するだけでなく、bootstrap.jsを読み込む前にjqueryをロードする必要があります。

<script src="js/jquery-1.7.1.js"></script> 
<script src="js/bootstrap.js"></script> 
<script src="js/bootstrap-datepicker.js"></script> 

希望します。

関連する問題