php - JQuery 的 multiDatesPicker 不工作

Question

我需要实现一个多日期日历。我试着按照这个例子： 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>

用于绑定 multiDatesPicker 实例的 HTML。

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

PS：我需要最简单的用法

Answer 1

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

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

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

Answer 2

将您的代码包装在document ready

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

请参阅：为什么将代码包装到“文档就绪”中

Answer 3

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