单击图像后没有出现日期选择器答案

【问题标题】：date picker not appearing after clicking on image单击图像后没有出现日期选择器
【发布时间】：2012-05-01 11:49:57
【问题描述】：

我有一个显示日期选择器的小提琴。我在下面写的相同代码但没有任何反应，我在做什么错？当我单击该绿色时，不会生成日期选择器，但在小提琴中它会很好，我在哪里做错了？

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

【问题讨论】：

标签： javascript date datepicker mootools

【解决方案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（点击渲染按钮预览）

【讨论】：

只是一个疑问，当我将光标放在该文本框上时是否可以显示日期选择器，而不单击该绿色？这有两种方式：第一种是通过单击合适的颜色，并且只需将光标放在该文本框上，就会出现日期选择器。请任何解决方案
jsfiddle.net/cBwEK 像这样，但问题是当我显示日期选择器时，当点击颜色时，第一个日期选择器应该出现，不工作
这对我来说似乎很难，抱歉@saroj 我不擅长 mootools。然后建议您发布一个新问题。

【解决方案2】：

没有检测到您的 CSS，因为您在 body 中有您的 link。如果我从您的小提琴中删除 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。

【讨论】：

是的，Curt 我写过这样的，你提到的，但我仍然没有得到任何结果
文件 mootools-yui-compressed.js、datepicker.js 和 datepicker.css 是否都与您的 HTML 页面位于同一文件夹中？
是的，包括 html 页面在内的所有这 3 个文件都在 web 文件夹中
我编辑了，但点击绿色后没有生成日期选择器，它在您的计算机上工作吗？