2016-06-01 10 views
-1

私はカレンダーのこのコードを書いており、それは1つのファイルではなく、他のファイルで動作しています。見てください:このカレンダーが機能しないのはなぜですか?

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
     <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
     <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
     <link rel="stylesheet" href="style.css"> 
      <script> 
     $(document).ready(function() { 
      $("#datepicker").datepicker(); 
     }); 
     </script> 
     <p>Date: <input type="text" id="datepicker"></p> 

は、なぜそれがただ一つのファイルで作業していませんか?

+0

それは正常に動作しています。コンソールに何かエラーがないかどうか確認してください。 –

+0

datepicker()は関数ではないということです。 –

答えて

1

$変数を使用している別のライブラリがある場合は、この操作を行うことができます。

var $j = jQuery.noConflict(); 
$j(function() { 
     $j("#datepicker").datepicker(); 
}); 
+0

はい!それは今働いた!どうもありがとう! :) –

+0

大歓迎:) –

0

コピーして、これを貼り付けます。

<!doctype html> 

<head> 
    <meta charset="utf-8">  
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 


<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 

</head> 

<body>  
    <p>Date: <input type="text" id="datepicker"></p>   
</body> 
</html> 
+0

私は試しました。うまくいきませんでした。 –

+0

これは私のために働く!コードをコピーして新しいファイルに貼り付けてみてください。 – Eyal

+0

新しいファイルを入れようとしました。まだ動かなかった。 –

0

問題はjQueryの-UIへのあなたのリンクが無効である、それを修正し、それが動作します。

https://jsfiddle.net/jamiguel77/atg5m6ym/

//code.jquery.com/ui/1.11.4/jquery-ui.js 
+0

'code.jquery.com/ui/1.11.4/jquery-ui.js'を' https:// jsfiddle.net/jamiguel77/atg5m6ym/'に置き換えるべきですか? –

+0

いいえ、正しいjquery-uiリンクは//code.jquery.com/ui/1.11.4/jquery-ui.jsです。 jsfiddleは実際の例を示しています。私はそこにjquery-uiを参照しようとしましたが見つかりませんでした。 – chungtinhlakho

+0

""この "" – chungtinhlakho

関連する問題