dejo mi código
Código HTML:
<div class="codrops-top clearfix"> </div><!--/ Codrops top bar --> <div class="custom-calendar-wrap custom-calendar-full"> <div class="custom-header clearfix"> <h2>Calendario </h2> <h3 class="custom-month-year"> <span id="custom-month" class="custom-month"></span> <span id="custom-year" class="custom-year"></span> <nav> <span id="custom-prev" class="custom-prev"></span> <span id="custom-next" class="custom-next"></span> <span id="custom-current" class="custom-current" title="Go to current date"></span> </nav> </h3> </div> <br> <br> <div id="calendar" class="fc-calendar-container"></div> </div> </div><!-- /container --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.calendario.js"></script> <script type="text/javascript" src="js/data.js"></script> <script type="text/javascript"> $(function() { var cal = $( '#calendar' ).calendario( { onDayClick : function(codropsEvents) { for( var key in dateProperties ) { console.log( key + ' = ' + dateProperties[ key ] ); } }, } ), $month = $( '#custom-month' ).html( cal.getMonthName() ), $year = $( '#custom-year' ).html( cal.getYear() ); $( '#custom-next' ).on( 'click', function() { cal.gotoNextMonth( updateMonthYear ); } ); $( '#custom-prev' ).on( 'click', function() { cal.gotoPreviousMonth( updateMonthYear ); } ); $( '#custom-current' ).on( 'click', function() { cal.gotoNow( updateMonthYear ); } ); function updateMonthYear() { $month.html( cal.getMonthName() ); $year.html( cal.getYear() ); } }); </script>