2

フルカレンダー内のマウスオーバーに個人的なテキストを追加しようとしています。以下のスクリプトは、イベントのタイトルに対してのみ機能します。例: JS フィドルの例。マウスオーバーで個人的なテキストを表示するにはどうすればよいですか。

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

});​
4

2 に答える 2

11

これは、コールバックを使用して行うことができeventRenderます。

このフィドルを確認してください：http://jsfiddle.net/100thGear/h9cC6/

これが役立つかどうか教えてください！

于 2012-09-04T15:10:49.697 に答える
1 
$(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/'}
    ]
});

});​

はいの場合は回答としてマークしてください。

于 2012-09-04T08:26:56.087 に答える