CDNJS的fullcalendar.js不起作用？

我对此有另一个问题，但文字很麻烦。我删除了另一个有利于这个问题...CDNJS的fullcalendar.js不起作用？

我最近发现fullcalendar.js。我最初能够看到日历小部件和css样式，标题，导航按钮等，但之后就停止了。我可以看到小部件，通常是标题，但不是样式或按钮。

我有一个演示这个的小提琴https://jsfiddle.net/a3q9c5tr/。它使用CDNJS的fullcalendar库。它从CDNJS获取jquery和moment.js库。完整日历“支持”部分建议使用JSBIN ...我有与jsfiddle相同的结果。

我也尝试下载fullcalendar库，并使用包含的jquery和时刻库以及使用其他本地和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' 
    }); 
});

来源

2016-03-15 7 Reeds

UPDATE：

我固定在小提琴和它使用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/

来源

2016-03-15 16:30:49 Blindsyde

呵呵。你知道什么？谢谢！很明显，最新的和最大的错误：/ –

我相信print.css应该只用在你希望用户打印的页面上，所以你可以创建一个链接到一个包含该print.css的页面以适应日历打印。 – Blindsyde

CDNJS的fullcalendar.js不起作用？

回答

相关问题