javascript中的日期选择器_Javascript_Date_Datepicker_Mootools

javascript中的日期选择器

javascript date

javascript中的日期选择器,javascript,date,datepicker,mootools,Javascript,Date,Datepicker,Mootools,我在我的网页上找不到日期选择器，但在fiddle中它就要来了，我错过了什么这是很好的小提琴，但我没有得到任何在我的网页。我我写了下面的脚本整个源代码如下： JSP页面新的日期选择器（“.picker”{ pickerClass:'datepicker'， allowEmpty:真的 }); 开始于且不允许值的日期选择器：在DOM中存在相关元素后，需要运行JavaScript代码。只需将脚本移动到页面的末尾。此外，如果日期选择器脚本依赖于MooTools，则需要

我在我的网页上找不到日期选择器，但在fiddle中它就要来了，我错过了什么

这是很好的小提琴，但我没有得到任何在我的网页。我我写了下面的脚本

整个源代码如下：


JSP页面
新的日期选择器（“.picker”{
pickerClass:'datepicker'，
allowEmpty:真的
});           
开始于且不允许值的日期选择器：

在DOM中存在相关元素后，需要运行JavaScript代码。只需将脚本移动到页面的末尾。此外，如果日期选择器脚本依赖于MooTools，则需要将日期选择器包含放在MooTools包含之后。例如：

<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>     
    <!-- FIRST CHANGE HERE, swapping the order of the script elements -->
    <script type="text/javascript" src="mootools-yui-compressed.js"></script>
    <script type="text/javascript" src="datepicker.js"></script>      
    <link type="text/css" rel="stylesheet" href="datepicker.css">
 </head>
  <body>
   <label>Datepicker starting at and allowing no value:</label>
   <input name='date_allow_empty' type='text' value='' class='date picker' />
   <!-- SECOND CHANGE HERE, moving your script to *after* the elements it operates on -->
   <script type="text/javascript">           
            new DatePicker('.picker', {
     pickerClass: 'datepicker ',
     allowEmpty: true
     });           
   </script>        
  </body>
</html>


JSP页面
开始于且不允许值的日期选择器：
新的日期选择器（“.picker”{
pickerClass:'datepicker'，
allowEmpty:真的
});

我刚刚移动了你的脚本，但你可以将所有脚本都移动到那里

它在JSFIDLE中工作的原因是，您将FIDLE设置为从

onload

事件加载JavaScript代码，该事件在过程的后期发生；此时DOM元素已经存在。

尝试在页面加载后加载DatePicker初始化

A good programmer always use View Source

如果你看到小提琴，你会看到：

<script type='text/javascript'>
    window.addEvent('load', function() {
        new DatePicker('.picker', {
             pickerClass: 'datepicker ',
            allowEmpty: true
        });
    });
</script>


window.addEvent（'load'，function（）{
新的日期选择器（“.picker”{
pickerClass:'datepicker'，
allowEmpty:真的
});
});

这是因为HTML元素没有加载，你的脚本看不到它们。

尝试在日期选择器脚本之前加载mootools。谢谢t.J的回答，但我仍然没有收到日期选择器，我添加了你的代码，但同样的问题，我需要将所有脚本移到正文部分的末尾，除了motools脚本？@saroj:是的，我只是注意到在做一个实例时（我现在已经添加到了答案中）。很高兴这有帮助。只需要一个解决方案，就是在显示6月的天数时，也显示5月的一些日子和7月的一些日子，我不想显示，我只想显示6月的一些日子，如何实现？是的，我在另一个问题中问：……请提供任何解决方案：

<script type='text/javascript'>
    window.addEvent('load', function() {
        new DatePicker('.picker', {
             pickerClass: 'datepicker ',
            allowEmpty: true
        });
    });
</script>