FullCalendar不显示上一个/下一个导航按钮,以及用于在月份和代理周之间切换日历视图的按钮
我使用fullcalendar在日历显示中添加了一个日历到我的站点,但我看不到上一个/下一个导航按钮,以及一个在month和agendaWeek之间切换日历视图的按钮 我的代码:FullCalendar不显示上一个/下一个导航按钮,以及用于在月份和代理周之间切换日历视图的按钮,fullcalendar,Fullcalendar,我使用fullcalendar在日历显示中添加了一个日历到我的站点,但我看不到上一个/下一个导航按钮,以及一个在month和agendaWeek之间切换日历视图的按钮 我的代码: <script> $(document).ready(function () { $('#calendar').fullCalendar({ header: { left: 'prev,next today',
<script>
$(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'
}
]
});
});
</script>
<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>
<div id='calendar'></div>
</body>
$(文档).ready(函数(){
$(“#日历”).fullCalendar({
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“月,agendaWeek,agendaDay”
},
默认日期:“2014-09-12”,
是的,
eventLimit:true,//当事件太多时允许“更多”链接
活动:[
{
标题:"会议",,
开始:“2014-09-12T10:30:00”,
完:2014-09-12T12:30:00
}
]
});
});
身体{
边缘顶端:40px;
文本对齐:居中;
字体大小:13px;
字体系列:“Lucida Grande”,Helvetica,Arial,Verdana,无衬线;
}
#历法{
宽度:900px;
保证金:0自动;
}
确保您使用的是最新版本的Fullcalendar,即2.1.1。你可以下载。您应该在
部分中包含以下文件:
<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>
<script src='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.min.js'></script>
请参阅此文件以查看其工作情况。在我的情况下,我将删除此文件
从页眉部分,我可以看到导航按钮。我有新版本,我试着从JSFIDLE运行它,它还可以,但在我打开的新项目中不起作用。所有文件都有参考,它显示日历表,但没有其他按钮,此外,在JSFIDLE中,事件是以蓝色背景创建的,而在我的站点中,事件没有背景。您可以提供一个JSFIDLE来演示您的问题吗?这是我的问题。在我的ASP.NET MVC项目中,我将fullcalendar.css和fullcalendar.print.css工作表捆绑在一起。作为修复,我必须使用“media=”print添加对print.css的脚本引用