无法初始化自定义的jQuery日历

Question

我想实现jquery range calendar到现有的项目，但我无法使日历代码在我的项目中工作。

Here是日历的代码。

如果我把这个js文件，因为它是在我的项目，我得到一个“jQuery是没有定义的错误”，因此surronded与函数看起来像这样的代码：

function initializeRangeCalendar($, window, undefined) { 

    $.fn.rangeCalendar = function(options) { 

    ... 
} 

然后我正在初始化函数在我.ashx的文件之一是这样的： string init = "var init = function() { " + "initJUI();" + "if (typeof initializeRangeCalendar == 'function') { initializeRangeCalendar(jQuery, window); } ;" + ....

然后，当我最终设法打电话给我的网页上的日历，我收到了一堆，表明日历功能和变量是没有定义的错误。

任何人都可以帮我做这个工作吗？

Answer 1

您似乎在过度复杂化和/或误解包含代码和初始化日历所需的内容。

“jQuery not defined”表明您尚未将jQuery加载到您的页面中。该插件有几个依赖包括jQuery。至少您需要在之前您的HTML 中有以下代码，您尝试添加日历文件或使用它。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment-with-langs.min.js"></script> 

然后你引用日历的JS和CSS文件，你应该下载到您的网站（无需任何你把圆认为包装是）：

<script src="js/jquery.rangecalendar.js"></script> 
<link rel="stylesheet" href="css/rangecalendar.css"> 

然后创建一个元素其中将包含日历：

<div id="demo"></div> 

最后intialise对上面创建（从你的示例代码元素中的插件，我不能告诉你是否实际上已经完成这与否）：

$(document).ready(function(){ 
    $("#demo").rangeCalendar(); 
}); 

您可以在http://www.jqueryscript.net/time-clock/jQuery-Plugin-For-Date-Range-Selector-Range-Calendar.html找到中的说明这一切，再加上更多关于你可以用它来配置日历可能的选项。