Добавление события 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/...)