Question

我正在尝试将个人文本添加到fullcalendar中的mouseover。下面的脚本仅适用于事件的标题。示例：JS Fiddle Example。请问如何让鼠标悬停显示我的个人文字。

的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/'}
    ]
});

});

Answer 1

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

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

请告诉我这是否有帮助！

Answer 2

$(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/'}
    ]
});

});

寻找它，如果是标记作为答案，你还在等待吗

有没有办法在mouseOver上添加个人文本到fullcalendar

的JavaScript

2 个答案: