Dee*_*nes 2 javascript jquery button fullcalendar
我正在尝试向标题中的现有按钮添加一个新按钮.我无法找到如何做到这一点.目前,我有头,下,今天,月,议程周,议程日.我想要一个按钮来添加新事件.因此,点击按钮后,我可以通过弹出添加新事件.
我的代码如下:
$('#calendar').fullCalendar({
utc: true,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true,
droppable: true,
eventAfterRender: function(event, element, view) {
element.append(event.title);
}
});
我的HTML代码如下: -
<html>
<head>
<meta charset='utf-8' />
<link href='fullcalendar-2.7.1/fullcalendar.css' rel='stylesheet' />
<link href='fullcalendar-2.7.1/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='fullcalendar-2.7.1/lib/moment.min.js' type='text/javascript'> </script>
<script src='fullcalendar-2.7.1/lib/jquery.min.js' type='text/javascript'></script>
<script src='fullcalendar-2.7.1/lib/jquery-ui.min.js'></script>
<script src='fullcalendar-2.7.1/lib/fullcalendar.min.js'></script>
</head>
<body>
<div id='calendar'></div>
</body>
有没有办法通过FullCalendar完成？提前致谢..
小智 7
您可以使用以下代码添加自定义按钮:
$("#calendar").fullCalendar({
customButtons: {
add_event: {
text: 'Add',
click: function() {
alert();
}
}
},
header: {
left: 'prev,next today',
center: 'title',
right: 'add_event'
},
});