web-dev-qa-db-ja.com

datepickerは関数ではありません

この質問はすでに何度も聞かれますが、誰も私のために働いていません。 JSPファイルでこの日付ピッカーを使用しようとしています。これは私のスクリプトです

_<head>
<title>My Home</title>
<link rel="stylesheet" type="text/css"
href="../resource/css/page-style.css" />
<link rel="stylesheet" type="text/css"
href="../resource/css/jQuery-ui.css" />
<script src="../resource/js/jquery-1.9.1.js"></script>
<script src="../resource/js/jquery-ui.js"></script>
<script type="text/javascript" src="../resource/js/form-elements.js"></script>

<script type="text/javascript">
$("document").ready(function() {
    $("#shortcuts").load("shortcut.html");
    $("#datepicker").datepicker();
    alert('jQuery is working');
});
</script>
</head>
_

shortcutファイルは完全にロードされ、アラートも表示されます。 TypeError: $(...).datepicker is not a functionとしてエラーメッセージが表示されます。デスクトップに配置されたhtmlファイルでこのスクリプトを実行しても、このコードをIDEにコピーして実行すると、コンソールでこのエラーが発生します。私は何ができるかを提案しますか？私はこの質問が何度も尋ねられることを知っています。これは唯一の link 私の問題に近いマッチを持っているが、私のために動作しません.

javascriptjqueryjsp
20
NewUser

問題はインポートしたファイルにあります。正しく配置していないと思います。

これらのファイルをインポートしてみてください

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

それは私のために働いています。

詳細はこちらをご覧ください 情報

39
PSR

JQuery参照がないことを再確認しますafter JQuery-ui参照。

JQuery-ui参照の後に追加のJQuery参照があり、問題を追跡するのに1時間かかりました。これにより、datepickerが見つからないというエラーが発生します。

20
Mark Kadlec

これはインポートファイルと関係があります。私も同じシナリオに直面し、次のインポートは次の問題を克服するのに役立ちました "datepickerは関数ではありません"。

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
1
Dulith De Costa