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>

HTML来绑定multiDatesPicker实例.

<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-----
});

请参阅：Why wrap code into 'document ready'

Answer 3

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

​