Добавление события hovertext в fullcalendar
Я пытаюсь включить текст наведения на события на странице календаря месяца полного календаря.
У меня есть и объект массива, объявляющий события, которые должны быть на странице, загруженные с помощью php script. Это выглядит следующим образом:
$('#calendar').fullCalendar({
events: [
{
title : 'event1',
start : '2010-01-01'
},
{
title : 'event2',
start : '2010-01-05',
end : '2010-01-07'
}
]
});
Я пытаюсь использовать функцию eventMouseover для включения текста наведения с каждым событием. Этот прототип функции выполняется следующим образом: function (event, jsEvent, view) {} Где событие является объектом события, jsEvent - это родное событие JavaScript с низкоуровневой информацией, такой как координаты мыши. и в представлении содержится объект view fullcalendar. Я не могу правильно вызвать аргументы этой функции. Моя информация идет отсюда: http://arshaw.com/fullcalendar/docs/mouse/eventMouseover/, и я абсолютно спокоен другими способами достижения hovertext для каждого события. Спасибо.
Ответы
Ответ 1
Ты на правильном пути. Я сделал что-то похожее, чтобы показать время окончания события в нижней части события в представлении повестки дня.
Параметры в календаре:
eventMouseover: function(event, jsEvent, view) {
$('.fc-event-inner', this).append('<div id=\"'+event.id+'\" class=\"hover-end\">'+$.fullCalendar.formatDate(event.end, 'h:mmt')+'</div>');
}
eventMouseout: function(event, jsEvent, view) {
$('#'+event.id).remove();
}
CSS для зависания:
.hover-end{padding:0;margin:0;font-size:75%;text-align:center;position:absolute;bottom:0;width:100%;opacity:.8}
Надеюсь, это поможет вам!
Ответ 2
Если вы используете bootstrap, это очень элегантное решение:
eventRender: function(event, element) {
$(element).tooltip({title: event.title});
}
(Я получил это от этого ответа: fooobar.com/info/528825/...)