有没有办法将mouseOver上的个人文本添加到完整日历中

我正在尝试将个人文本添加到fullcalendar中的鼠标悬停中。下面的脚本仅适用于活动的标题。示例：JS Fiddle示例。请告诉我如何让鼠标悬停显示我的个人文本。

JavaScript

$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
    theme: true,
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    editable: true,
    // add event name to title attribute on mouseover
    eventMouseover: function(event, jsEvent, view) {
        if (view.name !== 'agendaDay') {
            $(jsEvent.target).attr('title', event.title);
        }
    },
    // For DEMO only
    // *************
    events: [
        {
        title: 'All Day Event',
        start: new Date(y, m, 1)},
    {
        title: 'Long Event',
        start: new Date(y, m, d - 5),
        end: new Date(y, m, d - 2)},
    {
        id: 999,
        title: 'Repeating Event',
        start: new Date(y, m, d - 3, 16, 0),
        allDay: false},
    {
        id: 999,
        title: 'Repeating Event',
        start: new Date(y, m, d + 4, 16, 0),
        allDay: false},
    {
        title: 'Meeting',
        start: new Date(y, m, d, 10, 30),
        allDay: false},
    {
        title: 'Lunch',
        start: new Date(y, m, d, 12, 0),
        end: new Date(y, m, d, 14, 0),
        allDay: false},
    {
        title: 'Birthday Party',
        start: new Date(y, m, d + 1, 19, 0),
        end: new Date(y, m, d + 1, 22, 30),
        allDay: false},
    {
        title: 'Click for Google',
        start: new Date(y, m, 28),
        end: new Date(y, m, 29),
        url: 'http://google.com/'}
    ]
});
});

您可以使用eventRender回调来执行此操作。

检查这个小提琴：http://jsfiddle.net/100thGear/h9cC6/

如果这有帮助，请告诉我！

$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var additionaltext="this is aditional text";
$('#calendar').fullCalendar({
    theme: true,
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    editable: true,
    // add event name to title attribute on mouseover
    eventMouseover: function(event, jsEvent, view) {
        if (view.name !== 'agendaDay') {
            $(jsEvent.target).attr('title', event.title);
        }
    },
    // For DEMO only
    // *************
    events: [
        {
        title: 'All Day Event' + additionaltext,
        start: new Date(y, m, 1)},
    {
        title: 'Long Event' + additionaltext,
        start: new Date(y, m, d - 5),
        end: new Date(y, m, d - 2)},
    {
        id: 999,
        title: 'Repeating Event' + additionaltext,
        start: new Date(y, m, d - 3, 16, 0),
        allDay: false},
    {
        id: 999,
        title: 'Repeating Event' + additionaltext,
        start: new Date(y, m, d + 4, 16, 0),
        allDay: false},
    {
        title: 'Meeting' + additionaltext,
        start: new Date(y, m, d, 10, 30),
        allDay: false},
    {
        title: 'Lunch' + additionaltext,
        start: new Date(y, m, d, 12, 0),
        end: new Date(y, m, d, 14, 0),
        allDay: false},
    {
        title: 'Birthday Party',
        start: new Date(y, m, d + 1, 19, 0),
        end: new Date(y, m, d + 1, 22, 30),
        allDay: false},
    {
        title: 'Click for Google' + additionaltext,
        start: new Date(y, m, 28),
        end: new Date(y, m, 29),
        url: 'http://google.com/'}
    ]
});
});

寻找它，您是否在等待相同的"如果是"标记作为答案

JavaScript

相关内容

最新更新

热门标签：