Datumsauswahl wird nach dem Klicken auf das Bild nicht angezeigt

Ich habe eine Geige, die Datumsauswahl anzeigt. Der gleiche Code, den ich unten geschrieben habe, aber nichts passiert. Was mache ich falsch? Wenn ich auf diese grüne Farbe klicke, wird keine Datumsauswahl generiert, aber in der Geige geht es gut, wo mache ich was falsch?

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

<code>  <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>
</code>

BEARBEITEN: Ich habe alle Skripte aufgenommenhead Abschnitt, zuvor waren diese Skripte inbody Sektion

Antworten auf die Frage(2)

Ihre Antwort auf die Frage