Question

65

Listener for date change in FullCalendar?

rated 0 times [ 67] [ 2] / answers: 1 / hits: 43445 / 13 Years ago, mon, june 20, 2011, 12:00:00

Is there any way to attach a listener to FullCalendar that will be fired whenever the currently viewed date is changed, i.e. if you are in Month view, going to the next month would fire the event passing the Date for the first day of the month, and the same for changing weeks in Week view, day in Day view etc.

The only exposed listener that would be close to this is the dayClick callback, but that's no good because it only fires when a user clicks in an actual day's cell, not for example when the Next/prev/today controls are pressed in the header bar.

I want this functionality to be able to sync the currently viewed month in FullCalendar with a ExtJS datepicker component, so if the viewed month is changed in FullCalendar, then the Datepicker is updated to show that same month. (think Google Calendar's UI with its mini calendar in the top left being the datepicker).

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

reecep

Add To Favorites

Follow

Total Points: 141

Total Questions: 95

Total Answers: 113

Location: Finland

Member since Mon, Nov 8, 2021

3 Years ago

answered 13 Years ago lara · Accepted Answer

Bill,

I know this question is pretty much ancient, but I needed a solution and figured I'd post it here for others. I solved the problem myself by attaching the viewDisplay event to my calendar (this event was removed in v2 of FullCalendar, viewRender may be used instead).

$(#calendar).fullCalendar({

    viewDisplay: function (element) {



    }

});

Once you have access to the element parameter, you can get the date by using element.start or element.visStart. If you're in the month view, start will provide you with the first day of the month that you're viewing, visStart will give you the first visible day of the month