2

ブートストラップの日付ピッカーを機能させようとしていますが、表示されません。
http://www.eyecon.ro/bootstrap-datepicker/

<link href="~/Css/datepicker.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.8.1.js" type="text/javascript"></script>
<script src="~/Scripts/bootstrap-datepicker.js" type="text/javascript"></script>
<script type="text/javascript">
    $("#datepicker").datepicker();
</script>

<input id="datepicker" value="10/22/2011" />

ブートストラップ 2.1.1 を使用しています

4

1 に答える 1

6

DOMに要素がまだないときに、日付ピッカーを初期化しようとしているようです#datepicker(対応するinput次の<script>要素であり、その逆ではありません)。

$('#datepicker')jQueryでラップされたオブジェクト(!ではない)が返されるため、nullエラーはスローされません。

これを解決するには、DOMがロードされたときに次のいずれかの呼び出しを行います。

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

または、このスクリプトを<body>要素の最後に移動します。

最初のオプションを選択します。すべてのDOM対応アクションも同じ$(function() { ... });ラッパーに移動します。

于 2012-10-24T22:26:37.350 に答える