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

date picker not appearing after clicking on image

本文关键字：日期 选择器 显示 图像 单击      更新时间：2023-09-26

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

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

我想你错过了一个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（单击"渲染"按钮进行预览）

您的

CSS 未被检测到，因为您的link在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的。

相关文章：