1

この問題を解決するために考えられることはすべて試しました。私のサイトには、代替入力フィールドを備えたインライン日付ピッカーがあります。これが私のコードです:

$(function() {
$( "#datepicker" ).datepicker({
            altField: "#dt",
        });
    });

そして、Chrome開発者ツールでこのエラーが発生します...ああ、まったく表示されません。

Uncaught TypeError: Object [object Object] has no method 'datepicker'

ここに画像の説明を入力

これは代替フィールドです。

    <center><img class="board" id="header3" src="http://codtelevision.com/wpimages/CODherePART3.png"></img></center>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://www.codtelevision.com/date.css" type="text/css" media="screen">
<div id="datepicker"></div><br>
    <input id="dt" style="outline:none;" readonly type="text"></input><br>
4

5 に答える 5

1

この問題は、jQuery がファイルに複数回含まれていることが原因である可能性があります。

このスレッドに出くわすまで、私はこの正確な問題を経験していました。私の ASP インクルード ステートメントの 1 つが、私のコードの後半で、メインの jQuery ライブラリの 2 番目のバージョンを取り込んでいることがわかりました。冗長なインクルードを削除すると、完全に機能するようになりました。

于 2012-11-02T21:30:23.787 に答える
0

メインのjqueryライブラリにも実際にリンクしましたか?また、スクリプトファイルのスクリプトタイプを設定していません(これはあまり影響を与えない可能性があります)。

<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js">
</script>

あなたのコード用にjsfiddleを作成しましたが、問題なく動作しているようです。他に何か問題があると思います。あなたが貼り付けたものから、私はあなたがjqueryライブラリを含めたかどうかまだ疑問に思っています。

ライブデモ

于 2012-08-04T17:11:37.580 に答える
0

jQuery ライブラリは含まれておらず、jQuery UI ライブラリのみが含まれています。

それに加えて、.datepicker() は作成するオブジェクトに必要なクラスを追加するため、Datepicker を作成するには jQuery CSS ファイルが必要です。

ここで独自の UI CSS ファイルをオンザフライで作成できます: http://jqueryui.com/themeroller/

于 2012-08-04T17:09:12.467 に答える
0

jQuery の競合が発生している可能性があります。次のように noConflict モードで試してみてください。

<script type="text/javascript">
    (function($) {
        $(document).ready(function(){
            $("#datepicker").datepicker();
        });
    })(jQuery);
</script>
于 2013-03-02T04:33:41.803 に答える
0

js ファイルを含める順序は重要です。

http://www.irisclasson.com/2012/02/21/the-order-of-thingsobject-has-no-method-datepicker/

上記のリンクは私の問題を解決しました。

于 2013-03-07T20:26:23.873 に答える