2016-11-27 39 views
0

只是試圖將fullcalendar的基本配置文件彈出到我的網站中,出於某種原因,CSS無法正常工作。我一直在玩弄不同鏈接的順序和版本,但沒有運氣。這裏是我的代碼:在網站上沒有顯示全日曆樣式

<head> 
    <div id="calendar1"></div> 
    <script src="http://fullcalendar.io/js/fullcalendar-2.7.1/lib/moment.min.js"></script> 
    <script src="http://fullcalendar.io/js/fullcalendar-2.7.1/lib/jquery.min.js"></script> 
    <script src="http://fullcalendar.io/js/fullcalendar-2.7.1/fullcalendar.min.js"></script> 
    <style><link rel='stylesheet' type="text/css" href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.7.1/fullcalendar.min.css'/></style> 
    <script> 
    $(document).ready(function() { 
     $('#calendar1').fullCalendar({ 
      defaultDate: '2014-09-12', 
      editable: true, 
      eventLimit: true, // allow "more" link when too many events 
     }); 
    }); 
    </script> 
</head> 
+0

來看看我的答案在風箱 –

+0

,你可以把你的''

0

你有你的密碼(不需要<style>標籤),我有一些錯誤在下面糾正。

$(document).ready(function() { 
 
    $('#calendar1').fullCalendar({ 
 
    defaultDate: '2014-09-12', 
 
    editable: true, 
 
    eventLimit: true, // allow "more" link when too many events 
 
    }); 
 
    });
<script src="http://fullcalendar.io/js/fullcalendar-2.7.1/lib/moment.min.js"></script> 
 
    <script src="http://fullcalendar.io/js/fullcalendar-2.7.1/lib/jquery.min.js"></script> 
 
    <script src="http://fullcalendar.io/js/fullcalendar-2.7.1/fullcalendar.min.js"></script> 
 
<link rel='stylesheet' type="text/css" href='https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.7.1/fullcalendar.min.css'/></style> 
 
    
 
<div id="calendar1"></div>