javascript - 事件日期的完整日历警报

Question

我的问题是:当今天的日期是 FullCalendar 中的事件日期时，是否可以触发某些内容(即警报、Qtip 等)？我使用 Google 日历中的 XML 作为源，并希望在人们的生日时弹出一些内容。

我已经有了:

var difference = birthdate - today;
var days = Math.round(difference/(1000*60*60*24));

if (days == 0){
    $('#tabs').qtip({
    position: {
               my: 'bottom right',
               at: 'top left',
    },
    content: "It's someone's birthday!!!",
    show: {
       when: false,
       ready: true
    },
    hide: false,
    style: {
        classes: 'ui-tooltip-rounded',
       }
    });
}

其中生日是个人的生日(我将其设置为变量)，而今天显然是今天的日期。我遇到的问题是，这不是很动态，因为我必须为每个人单独执行此操作。

提前非常感谢。

Answer 1

当您创建日历对象/函数时，您需要创建一个 eventAfterRender 函数。仅当您有已放置在日历上的功能时才会触发。然后您可以读取日期并将其与生日进行比较并显示弹出窗口。我希望这就是您所寻找的。我举了一个小例子。

    $(document).ready(function () {
            $('#calendar').fullCalendar({
                height: 600,
                width: 700,
                header: {
                    right: 'prev,next today',
                    center: 'title',
                    left: 'month,agendaWeek,agendaDay'
                },
                eventAfterRender: function (event, element, view) {
                    birthday = new Date('<somedate>');
                    year = new Date(event.start).getFullYear();
                    month = new Date(event.start).getMonth();
                    day = new Date(event.start).getDate();
                    alert(year + ' ' + month + ' ' + day);
    //do some if statement to see if the year matches then if the month, then the day. 
//if so then go to another function or just put the code here for the pop 

                }
            });
        });