Geek asks and answers

Display the daily view of the event in the event for a month or year

I am new to using the full calendar and am wondering if it is possible to show the date of the day (in particular, the date) of the event on which the button was clicked. This should have happened if the event is clicked in the Year or Month view.

Another thing I would also like to know, if possible, can be shown the lightbox (the div that is shown above everything else) when an event is displayed in the daytime window.

I put in 2 days to research these problems, and although I found -

dayClick: function(date, allDay, jsEvent, view) {
    $('#calendar').fullCalendar('gotoDate', date);
},

I could not adapt or change this to work correctly with the event.

Any advice would be highly appreciated.

Thanks in advance Chris

+3
source share
1

:

// Added Coded whilst trying to fix onEventClick       
eventClick: function(calEvent, jsEvent, view) {
    jsEvent.preventDefault();

    // Go to and show day view for start date of clicked event
    calendar.fullCalendar('gotoDate', calEvent.start);
    calendar.fullCalendar('changeView', "basicDay");

    // Popup with information of clicked event
    if(calEvent.url) {
        $("#eventDisplay").html("<p><b>Title:</b> <a target='_blank' href='" + calEvent.url + "'>" + calEvent.title + "</a></p>");
    } else {
        $("#eventDisplay").html("<p><b>Title:</b> " + calEvent.title + "</p>");
    }
    $("#eventDisplay").append("<p><b>Start:</b> " + calEvent.start + "</p>");
    $("#eventDisplay").dialog({
        width: 400,
        modal: true
    });
},
// End Code onEventClick

Fidle, : JQuery UI .

, , URL-, .preventDefault. , HTML, , . . 28- Februray.

+3

More articles:


All Articles