fullCalendar test Dates

This example demostrated how to tell if a restricted date was clicked

by Francis Rodrigues

HTML

<script src="http://arshaw.com/js/fullcalendar-1.6.4/lib/jquery.min.js"></script>
<script src="http://arshaw.com/js/fullcalendar-1.6.4/lib/jquery-ui.custom.min.js"></script>
<script src="http://arshaw.com/js/fullcalendar-1.6.4/fullcalendar/fullcalendar.min.js"></script>
<link rel="stylesheet" href="http://arshaw.com/js/fullcalendar-1.6.4/fullcalendar/fullcalendar.css">
<link rel="stylesheet" href="http://arshaw.com/js/fullcalendar-1.6.4/fullcalendar/fullcalendar.print.css">
<div id="mycalendar"></div>

<!--
http://stackoverflow.com/questions/2927744/fullcalendar-limit-the-display-of-available-months
-->

JavaScript

$('#mycalendar').fullCalendar({
    //maxTime: 20,
    //minTime: 13,
    
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    
    viewDisplay   : function(view) {
        var now = new Date();
        var begin = new Date();
        var end = new Date();
        
        // ------- Interval date in calendar
        end.setMonth(now.getMonth() + 12); //Adjust as needed
        begin.setMonth(now.getMonth()); //Adjust as needed
        
        var cal_date_string = view.start.getMonth()+'/'+view.start.getFullYear();
        var cur_date_string = now.getMonth()+'/'+now.getFullYear();
        var end_date_string = end.getMonth()+'/'+end.getFullYear();
        var begin_date_string = begin.getMonth()+'/'+begin.getFullYear();
        
        if (cal_date_string == begin_date_string) {
            jQuery('.fc-button-prev').addClass("fc-state-disabled");
        } else {
            jQuery('.fc-button-prev').removeClass("fc-state-disabled");
        }
        
        if (end_date_string == cal_date_string) {
            jQuery('.fc-button-next').addClass("fc-state-disabled");
        } else {
            jQuery('.fc-button-next').removeClass("fc-state-disabled");
        }
    },
    
    dayClick: function(myDate, allDay, jsEvent, view) {
        var newDate = new Date();
        
        newDate = newDate.getFullYear()+'-'+newDate.getMonth()+'-'+newDate.getDate();
        myDate = myDate.getFullYear()+'-'+myDate.getMonth()+'-'+myDate.getDate();
        
        //How many days to add from today?
        //var daysToAdd = 15;
        
        //myDate.setDate(myDate.getDate() + daysToAdd);
        //newDate.setDate(newDate.getDate());
        
        alert(myDate);
        alert(newDate);
        
        if (myDate < newDate) {
            //TRUE Clicked date smaller than today + daysToadd
            alert("NO - You cannot book on this day!");    
        } else {
            //FLASE...