2011-12-22 20 views
0

私はJDPickerプラグインを使用していますが、これは機能しません。Jqueryカレンダープラグインが機能しない

<input type="text" name="your_input" class="jdpicker" /> 
<input type="hidden" name="your_input_2" class="jdpicker" /> 

私は、テキストボックスを見ることができるが、私がクリックしたときに、そこに:

 <script type ="text/javascript" src="jquery.js"></script> 
    <script type ="text/javascript" src="jquery.jdpicker.js"></script> 
    <link rel="stylesheet" href="jdpicker.css" type="text/css" media="screen" /> 

が、その後体内で次のコードを追加:

は、私は頭のタグでこれらの3個のタグを追加しましたポップアップカレンダーはありません。私は、特定の日付を選択するときに、変数に割り当てる日付が欲しいです。

+0

JavaScriptエラーが表示されますか? –

+0

JQuery UI http://jqueryui.com/demos/datepicker/で利用可能な日付ピッカーを試してみませんか?これは本当にあなたにトラブルを与えず、良いことになるでしょう! –

答えて

0

参考になるJQuery UI datepicker

を試して、あなたをお勧めしますし、それは私の側に動作します。私が使用しているコードは次のとおりです。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title></title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script type ="text/javascript" src="jquery.jdpicker.js"></script> 
    <link rel="stylesheet" href="jdpicker.css" type="text/css" /> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#test1').jdPicker(); 
     }); 
    </script> 
</head> 
<body class='default'> 
    <input class="jdpicker" style="width: 200px; height: 25px;" id="#test1" /> 
</body> 
</html> 
+0

しかし、それはFacebookのiframeで動作していません。 –

+0

:Facebookのiframeアプリでは機能しません。また、選択した値を取得する方法もあります。 –

0

はまた、次の追加する必要があります。

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

は、それはあなたが以前の記事で述べたように最初にそれをロードする必要が

0

私はあなたに良い答えがあります。あなたは上記のコンテンツをウェブサイトに貼り付けて直接コピーしましたが、実際にJQueryが追加されているかどうかを確認しました。 jquery.jsという名前のファイルが見つかりませんでした。

これは、プロジェクトにJQueryが含まれていないことを意味しています。つまり、注釈付き.jsファイルをダウンロードしてプロジェクトに組み込むと動作します。外部のJSの最初の行を変更し、ダウンロードしたJQueryファイルをポイントします。

むしろ私はそれは私がそれをローカルに実装しようとした

関連する問題