Question

我正在使用简单的cms应用，但我无法获得完整日历插件来显示日历。我已经按照我在网上找到的步骤进行了操作，但没有任何工作。我已经试图解决这个问题一个星期了，无法解决这个问题。我已经检查了控制台是否有错误，看起来不错。

所以我想伸出援手。我的应用程序是用PHP构建的，我的代码包含在下面。我已经链接到了所有内容并且jquery正在运行。

头部中包含的日历代码。

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js"></script>
<link rel="stylesheet" href="css/admin-main.css">

<title>CMS</title>

<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- Custom CSS -->
<link href="css/sb-admin.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">


<script type="text/javascript">
    $(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
        weekends: true
    });

});
</script>

</head>

在日历页面上的HTML中，我将其包括在内。

<div id="calendar"></div>

任何帮助将不胜感激！谢谢！

Answer 1

)上还有.fullCalendar()，应该是：

$('#calendar').fullCalendar({
    //options
});

以下示例：

$(document).ready(function() {
  // page is now ready, initialize the calendar...
  $('#calendar').fullCalendar({
    weekends: true
  });
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.1.0/fullcalendar.min.js"></script>
<div id="calendar"></div>

Answer 2

我知道这个问题已经过时了，你可能已经找到了解决方案，但是，我会给出答案，帮助其他可能遇到同样问题的人。

我发现当控制台给你一个错误，即fullcalendar不是一个函数而你的代码似乎是正确的，它的原因如下。

如果您使用的是bootstrap，则需要删除bootstrap starter模板中提供的Jquery链接。你已经在标题中加载了jquery，通过在正文中再次执行它，它正在创建错误..我希望它有所帮助！

FullCalendar不显示日历

2 个答案: