1

ここに私のスクリプトがあります

<script type="text/javascript">
$(document).ready(function () {
   // alert("jquery working fine, still no display..");
    $(".datepicker").datetimepicker({
        showAnim: 'slideDown',
        dateFormat: 'dd/mm/yyyy'
    });
});
</script>

 <input type="text" class="datepicker" />

実際の Datepicker はうまく機能します。firebug はこのスクリプト、jqueryUI、timepicker-addon.js、slider.js、および datepicker.js を示しています。jquery はテキスト ボックスを選択しています。

残念ながら、まだdatetimepickerが表示されていません

ID/クラスを使用して、スクリプトがロードされる順序を並べ替えてみました。アドオンはただの二段ベッドだと思いますが、多くの人はまったく問題がないようです. 誰かが私が欠けているものを知っていますか?

4

1 に答える 1

2

次のコードは、私にとっては問題なく機能します。

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <input type="text" class="datepicker" />

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js"></script>
    <script type="text/javascript">
        $('.datepicker').datetimepicker({
            showAnim: 'slideDown',
            dateFormat: 'dd/mm/yy'        
        });
    </script>
</body>
</html>

このライブ デモで見られるように、次の結果が得られます。

ここに画像の説明を入力

したがって、スクリプトのインクルードとその順序に問題があるに違いないと思います。残念ながら、コードを示していないため、これ以上説明することは困難です。

于 2012-07-14T09:31:15.833 に答える