Mini calendar to control main calendar

Originally reported on Google Code with ID 167

I am trying to build an interface like Apples iCal, where there is a small
"Month" controller on the bottom left. 

It would be great if we could utilize full calendars existing code to
generate this calendar.. 

Mini cal would read same events list and give the td for that date a
"hasEvent" class (See this is already an excepted improvement), but not
display the events on the mini-cal. 

clicking on a day would call gotoDate for that date in the main "Parent"
calender. 

Simple control to go forward and back a month.. 

Reported by incontrolsolutions on 2009-11-04 18:43:32

Imported with 27 stars.

[arshaw]

i was able to accomplish this exact thing using a jquery datepicker.
here's the code I used to tie it in:

$j('#miniCalendar').datepicker({
    dateFormat: 'DD, d MM, yy',
        onSelect: function(dateText,dp){
            $j('#calendar').fullCalendar('gotoDate',new Date(Date.parse(dateText)));
            $j('#calendar').fullCalendar('changeView','agendaDay');
           }
    });
the important thing is to set the dateFormat property correctly so that you can parse
it correctly for the goToDate call.

Here's a screenshot of my calendar:

Reported by sneed424 on 2010-01-21 05:18:14

---

- _Attachment: calendar with mini calendar control.png
_

[acerix]

For reference, example with <input type=date> in header for this:

https://codepen.io/acerix/pen/MWrymYL