JQuery 的 multiDatesPicker 不工作答案

【问题标题】：JQuery's multiDatesPicker not workingJQuery 的 multiDatesPicker 不工作
【发布时间】：2013-06-07 06:57:27
【问题描述】：

我需要实现一个多日期日历。我试着按照这个例子： http://multidatespickr.sourceforge.net/

不幸的是，这不起作用，控制台上没有显示错误。什么都没发生。我可能忘记了什么。

提前感谢您的帮助。我的代码如下所示。

包含的 js 文件。

<script type="text/javascript" src="jsCalendar/jquery-1.7.2.js"></script>
<script type="text/javascript" src="jsCalendar/jquery.ui.core.js"></script>
<script type="text/javascript" src="jsCalendar/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="jsCalendar/jquery-ui.multidatespicker.js"></script>

脚本标签内的代码用于初始化 multiDatesPicker 实例。

<script type="text/javascript">         
        $("#date").multiDatesPicker();
        $("#btnRepercute").click(function () {
              $("#date").multiDatesPicker("show");
        });
</script>

HTML 绑定 multiDatesPicker 实例。

<input type="button" value="Répercuter" class="button" id="btnRepercute"/>
<input type="text" id="date" class="hidden" />

PS：我需要最简单的用法

【问题讨论】：

标签： php javascript jquery datepicker

【解决方案1】：

您忘记在文档准备好时调用代码。

将您的 Javascript 代码放在它们之间：

$(document).ready(function(){
    /* YOUR CODE HERE */
});

【讨论】：

【解决方案2】：

将您的代码包装在document ready 中

$(document).ready(function(){
   ------your code-----
});

见：Why wrap code into 'document ready'

【讨论】：

【解决方案3】：

<script type="text/javascript">    
$(document).ready(function(){
 $("#date").multiDatesPicker();
    $("#btnRepercute").click(function () {
          $("#date").multiDatesPicker("show");
    });
});

【讨论】：