У меня есть полный календарь с просмотром недели.
Я изменил fullcalendar, чтобы показать число с событием:
function slotSegHtml(event, seg) {
[...]
html +=
" class='" + classes.join(' ') + "'" +
" style='position:absolute;z-index:8;top:" + seg.top + "px;left:" + seg.left + "px;" + skinCss + "'" +
">" +
"<span class='fc-event-inner fc-event-qty'>"+htmlEscape(event.qty)+"</span>"+
[...]
return html;
}
в функции отбрасывания:
drop: function(date, allDay) { // this function is called when something is dropped
// retrieve the dropped element's stored Event Object
var originalEventObject = $(this).data('eventObject');
// we need to copy it, so that multiple events don't have a reference to the same object
var copiedEventObject = $.extend({}, originalEventObject);
// assign it the date that was reported
copiedEventObject.id = idevento++;
copiedEventObject.start = date;
copiedEventObject.allDay = allDay;
copiedEventObject.className = 'newEvent';
copiedEventObject.qty = '1';
//buscar eventos
var listevents = $('#calendar').fullCalendar('clientEvents',function(event) {
if(date.getFullYear()!=event.start.getFullYear())return false;
if(date.getMonth()!=event.start.getMonth())return false;
if(date.getDay()!=event.start.getDay())return false;
if(date.getHours()!=event.start.getHours())return false;
//aparte tienen que ser del mismo tipo
if(event.title!=copiedEventObject.title)return false;
return true;
});
if(typeof listevents === 'object'){
//augmentar la cantidad
eventoantiguo = listevents[0];
copiedEventObject.qty = parseInt(eventoantiguo.qty)+1;
//borrar el objeto antiguo
$("#calendar").fullCalendar('removeEvents', eventoantiguo.id);
}
// render the event on the calendar
// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true);
// is the "remove after drop" checkbox checked?
if ($('#drop-remove').is(':checked')) {
// if so, remove the element from the "Draggable Events" list
$(this).remove();
}
},
но когда я опускаю второе событие в тот же день и час, все события исчезают.
извините за мой английский.
Я думаю, что линия вины такова:
$ ('# calendar'). fullCalendar ('renderEvent', copiedEventObject, true);
Firebug говорит:
Uncaught TypeError: у объекта 2 нет метода 'replace'
в этой функции
function htmlEscape(s) {
return s.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/'/g, ''')
.replace(/"/g, '"')
.replace(/\n/g, '<br />');
}
(fullcalendar.js)