fullcalender doesnt display Previous/Next navigation buttons, and a buttons to switch the Calendar view between month and agendaWeek
我使用 fullcalendar 向我的网站添加了一个日历显示,但我看不到上一个/下一个导航按钮,以及一个在月和议程周之间切换日历视图的按钮
我的代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | $(document).ready(function () { $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultDate: '2014-09-12', editable: true, eventLimit: true, // allow"more" link when too many events events: [ { title: 'Meeting', start: '2014-09-12T10:30:00', end: '2014-09-12T12:30:00' } ] }); }); <style> body { margin-top: 40px; text-align: center; font-size: 13px; font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif; } #calendar { width: 900px; margin: 0 auto; } </style> </head> <body> </body> |
在我的情况下,我删除了这个
1 | <link type="text/css" href="fullcalendar.print.css" rel="stylesheet" /> |
从标题部分,我可以看到导航按钮。
确保您使用的是最新版本的 Fullcalendar,即 2.1.1。你可以在这里下载。您应该在
1 2 3 | <link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.css' /> <script src='//cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.min.js'> <script src='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.min.js'> |
请参阅此 JsFiddle 以查看它的工作原理。