画像をクリックした後に日付ピッカーが表示されない

日付ピッカーを表示するフィドルがあります。私は以下のように書いたが、何も起こらない、何が間違っているのか？その緑の色をクリックすると日付ピッカーは生成されませんが、フィドルでは間違っています。画像をクリックした後に日付ピッカーが表示されない

http://jsfiddle.net/cBwEK/10/

<html> 
    <head> 
<script type="text/javascript" src="mootools-yui-compressed.js"></script>//mootools script 
    <script type="text/javascript" src="datepicker.js"></script>  
    <link rel="stylesheet" type="text/css" href="datepicker.css" /> 

    </head> 
    <body> 

    <input name='date_allow_empty' type='text' value='' class='date picker' /> 
    <div id="invokeDP"></div> 

     <script type="text/javascript">   
     var dp = new DatePicker('.picker', { 
    pickerClass: 'datepicker ', 
    allowEmpty: true, 
    toggleElements: ['invokeDP'] 
    });  
    </script> 

    </body> 
</html>

EDIT：私はheadセクション内のすべてのスクリプトをとっている、以前にこれらのスクリプトはあなたがあなたのlinkを持っているので

出典

2012-05-01 saroj

mootools core libraryが足りないと思います。ここで

<script src="http://fiddle.jshell.net/js/lib/mootools-core-1.4.5-nocompat.js"></script>

は私の作業溶液http://jsbin.com/unosar/4/edit#source（プレビューをレンダリングボタンでクリックしてください）

出典

2012-05-01 12:45:37 OammieR

お返事ありがとうございました。はい、それはうまくいきました:) – saroj

歓迎：D – OammieR

これは緑色をクリックせずに、そのテキストボックスにカーソルを置くと日付ピッカーを表示できますか？それは2つの方法です：まず、その色をクリックするだけで、そのテキストボックスにカーソルを置くだけで、日付ピッカーが表示されます。任意の解決策をお願いします – saroj

あなたのCSSが検出されていないbodyセクションにありましたbody。私はあなたのフィドルからCSSを削除した場合、それはまったく表示されません。

http://jsfiddle.net/cBwEK/11/

をごscript要素と一緒にheadタグにこれを移動してみてください。また、私は正しいHTML構文にコメントブロックを変更した：

<head> 
    <script type="text/javascript" src="mootools-yui-compressed.js"></script><!-- mootools script --> 
    <script type="text/javascript" src="datepicker.js"></script>  
    <link rel="stylesheet" type="text/css" href="datepicker.css" /> 
</head> 
<body> 
    .......

はまた、inputのためのあなたのクラスがdate pickerです。あなたのmootoolsスクリプトを見て、これはdatepickerでなければなりません。

出典

2012-05-01 11:53:58 Curt

はいカートは、私はあなたが言及しているもの、そのように書かれているが、それでも私は – saroj

は 'ファイルである何の結果を取得していない午前ですmootools-yui-compressed.js'、 'datepicker.js'、' datepicker.css'はHTMLページと同じフォルダにありますか？ – Curt

はいhtmlページを含むこれらの3つのファイルはすべて 'web'フォルダ内にあります – saroj

画像をクリックした後に日付ピッカーが表示されない

答えて

関連する問題