如何获取日期和全日历日历中的onclick标题

时间:2018-08-04 07:18:32

标签: javascript java jquery fullcalendar

如何在完全日历中的onclick标题事件中获取日期和标题。 以下代码将显示日历。

$(document).ready(function() { 
     var calendar =  $('#calendar').fullCalendar({
        header: {
            left: 'title',
            center: 'agendaDay,agendaWeek,month',
            right: 'prev,next today'
        },
       //other full calender code.
});

我使用以下功能在完全压光机上动态添加数据。

$(document).ready(function() {          

        var json = JSON.parse(getCalenderEventList());

        for (var i = 0; i < json.length; i++) {
            var a = json[i].title;
            var b = json[i].start;

            $('#calendar').fullCalendar('renderEvent', {
                title: a,
                start: b
            });
        }
    });

一切正常。现在,当我单击完全日历中的标题时,我想调用一个函数。喜欢..

function showDateAndTitle(date, title){
    alert(date);
    alert(title);
}

该怎么做?有人可以帮忙吗? 预先感谢。

1 个答案:

答案 0 :(得分:0)

您需要像这样将回调eventClick添加到fullCalendar对象:

$(document).ready(function() { 
     var calendar =  $('#calendar').fullCalendar({
        header: {
            left: 'title',
            center: 'agendaDay,agendaWeek,month',
            right: 'prev,next today'
        },
        eventClick: function(event, jsEvent, view) {
          alert('Event: ' + event.title);
          alert('start date event: ' + event.start._i); 
        }
});

ref:eventClick