Question

我有另外一个问题，但文字很麻烦。我删除了另一个支持此问题的问题......

我最近找到了fullcalendar.js。我最初能够看到日历小部件和CSS样式，标题，导航按钮等。但这已经停止了。我可以看到小部件，通常是标题但不是样式或按钮。

我有一个小提琴https://jsfiddle.net/a3q9c5tr/来证明这一点。它使用CDNJS的fullcalendar libs。它从CDNJS获得了jquery和moment.js库。 fullcalendar“支持”部分建议使用JSBIN ...我有与jsfiddle相同的结果。

我还尝试下载fullcalendar库并使用包含的jquery和moment库以及使用其他本地和CDN jquery和时刻库。好像fullcalendar找不到自己的css。

我在小提琴和本地测试中运行了开发人员工具。一切看起来都在装载。

我必须做一些微不足道的事情，但我看不到它。想法？

小提琴中使用的库是：

  <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.6.1/fullcalendar.min.css">
  <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.6.1/fullcalendar.print.css">

  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.6.1/fullcalendar.min.js"></script>

html正文只是

<div id='calendar'></div>

javascript部分是：

$(document).ready(function() {
  $('#calendar').fullCalendar({
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
  });
});

Answer 1

<强>更新

我修复了小提琴并使用了最新版本的fullcalendar： https://jsfiddle.net/y3llowjack3t/a3q9c5tr/4/

只需删除fullcalendar.print.css

即可

$(document).ready(function() {

  $('#calendar1').fullCalendar({
    header: {
      left: 'prev,next,today',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
      }
  });

});

要查看带主题的日历

theme: true,

https://jsfiddle.net/y3llowjack3t/a3q9c5tr/5/

来自CDNJS的fullcalendar.js无法正常工作？

1 个答案: