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不起作用？

回答

相關問題