Question

我正在尝试为现有项目实施jquery range calendar，但我无法使日历代码在我的项目中运行。

Here是日历的代码。

如果我把这个.js文件放在我的项目中，我会得到一个＆＃34; jQuery没有定义错误＆＃34;因此用一个看起来像这样的函数来代码：

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”表示您尚未将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>

最后针对您在上面创建的元素初始化插件（从您的示例代码中我无法判断您是否实际执行了此操作）：

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

您可以在http://www.jqueryscript.net/time-clock/jQuery-Plugin-For-Date-Range-Selector-Range-Calendar.html的说明中找到所有这些内容，还可以找到有关可用于配置日历的可能选项的更多信息。

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

1 个答案: