Integration of Small Calendar (datepicker) and full calendar timeline

Question

I want to implement two functions besides those specified in Basic View of FullCalendar. Inspiration - Google Calendar. Here is what I want:

Although I could not find these two functions in the FullCalendar documentation, I would still like to confirm whether FullCalendar supports these functions. If not, feel free to share any suggestions on how I should implement them.

Answer 1

You can run the timeline with the code here , and you can use the date picker and associate it with fullcalendar to create a small calendar on the left. Here's how to implement it ...

$(document).ready(function() { $('#datepicker').datepicker({ inline: true, onSelect: function(dateText, inst) { var d = new Date(dateText); $('#calendar').fullCalendar('gotoDate', d); } }); } 

This will force fullCalendar to move on to what was ever selected in the jquery date picker.

Hope this helps!