Fullcalendar Get Start and End Date by Click Event Example

By Hardik Savani November 5, 2023 Category : jQuery

I will share with you stick of how to get start and end date in fullcalendar js plugin. i will get start date and end date interval by using "getView" in full calendar js. We can also get start and end date by event of fullcalendar.

Yesterday i was working on my php laravel project and i require to write custom click event for next and previous button and load data by ajax. at that time i require to get start date and end date in my jquery file. i found way to get start and end date by using fullcalendar event.

We can get start date by getView event with intervalStart.

We can get end date by getView event with intervalEnd.

You can see here very simple way to get date:

$('#calendar').fullCalendar('getView').intervalStart

$('#calendar').fullCalendar('getView').intervalEnd

Now you can see my event code with proper format:

$('.fc-next-button').click(function(){

var month = $('#calendar').fullCalendar('getView').intervalStart.format('MM');

var year = $('#calendar').fullCalendar('getView').intervalEnd.format('YYYY');

});

I hope it can help you...

Shares