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

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

Answer 3

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

JQuery multiDatesPicker无法正常工作

3 个答案: