0

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

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>

編集：私はheadセクション内のすべてのスクリプトを取りました、以前はこれらのスクリプトはbodyセクション内にありました

4

2 に答える 2

1

私はあなたが恋しいと思います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-01T12:45:37.130 に答える
0

linkにが含まれているため、CSSが検出されていませんbody。フィドルからCSSを削除すると、まったく表示されません。

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

これを要素headと一緒にタグに移動してみてください。scriptまた、コメントブロックを正しい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-01T11:53:58.237 に答える