Fullcalendar get start and end date by click event

By Hardik Savani | August 30, 2019 | | 3156 Viewer | 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...



Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.


We are Recommending you: