您可以使用 ajax 请求将新事件存储在数据库中。
有一个demo http://arshaw.com/js/fullcalendar-1.5.3/demos/selectable.html在项目主页上,可以轻松进行调整。
通过 jQuery 例如这样:
select: function(start, end, allDay) {
var title = prompt('Event Title:');
if (title) {
calendar.fullCalendar('renderEvent',
{
title: title,
start: start,
end: end,
allDay: allDay
},
true // make the event "stick"
);
/**
* ajax call to store event in DB
*/
jQuery.post(
"event/new" // your url
, { // re-use event's data
title: title,
start: start,
end: end,
allDay: allDay
}
);
}
calendar.fullCalendar('unselect');
}
如果您需要对特定点击做出反应,您也可以尝试此操作,但您必须自己 grep 事件结束或持续时间。
dayClick: function(date, allDay, jsEvent, view) {
var title = prompt('Event Title:');
/**
* again : ajax call to store event in DB
*/
jQuery.post(
"event/new" // your url
, { // re-use event's data
title: title,
start: date
allDay: allDay
}
);
}