6

フィドルの例: http://jsfiddle.net/EmwFE/

そのため、日付ピッカーを機能させようとしていますが、指示に従っていると思いますが、カレンダーをポップアップできません。

ティア

以下のコードの上のフィドルの例。

                 <label class="control-label" for="input08"> 
                    My Start Date
                 </label>
                 <div class="controls">
                    <script type="text/javascript">
                        $(document).ready(function() {
                        $('.datepicker').datepicker();
                    </script>

                    <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" class="datepicker">
                        <span class="add-on"><i class="icon-th"></i></span>
                    </div>

                </div>
4

5 に答える 5

8

これを見てください： jsfiddle

すべてを含む div の ID を初期化します。あなたは何も目指していませんでした！

$('#dp3').datepicker();
于 2013-03-29T23:41:33.930 に答える
5

コードにいくつかの問題がありました。

  • ready () 呼び出しの後に括弧がありません
  • クラス セレクターの代わりに ID セレクターを使用する ( 、を#datepicker参照)id="datepicker".datepickerclass="datepicker"

実施例

于 2013-03-29T23:46:32.263 に答える
3

ID が設定されていません。後で問題を引き起こす可能性のある別のことは、入力にクラス属性が2回定義されていることです。代わりに、スペースで区切られた同じ属性に各クラスをリストします。

<input id="datepicker" class="span2 datepicker" size="16" type="text" value="12-02-2012">

http://jsfiddle.net/EmwFE/2/

$('.datepicker')クラス属性を2回定義し、2番目の定義が無視されたため、クラスによってインラインで参照しようとしているJavaScriptが機能しなかったことに気付きました。$('#datepicker')入力にIDが設定されていなかったため、使用されたjavascriptパネルは機能しませんでした。したがって、どちらのjqueryセレクター手法でも機能するため、要素の問題を修正する必要がありました.

于 2013-03-29T23:44:59.427 に答える
0

ルギーノの解決策は、私にとって奇妙な動作をもたらしました。削除したほうがいいと思います

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

と

$('#dp3').datepicker();

そして、JavaScript ボックスに次のコードを記述します。

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

jsfiddleを参照してください。

于 2013-08-02T15:51:25.020 に答える