Question

我有一个显示日期选择器的小提琴。我写的相同的代码，但没有任何反应，我在做什么错？当我点击那个绿色，然后没有生成日期选择器，但是在小提琴中它会变好，我做错了吗？

  <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部分

Answer 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 （点击“渲染”按钮进行预览）

Answer 2

由于link中有body，因此未检测到您的CSS。如果我从你的小提琴中删除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。

单击图像后日期选择器不显示

2 个答案: