Question

At the moment I have a datepicker which:

Excludes today, if after 12:00 midday.

Excludes sundays.

<script type="text/javascript">
 $(function() {


            // get today's date
            var myDate = new Date();
            // add one day if after 12:00
            if (myDate.getHours() > 12) {
                        myDate.setDate(myDate.getDate()+1);
            } else {
                myDate.setDate(myDate.getDate()+0);

            };

           $("#delivery-date-textbox").datepicker({
            dateFormat: 'dd-mm-yy',
            minDate: myDate,
            beforeShowDay: function(date){ return [date.getDay() != 0,""]}

            });
            });
</script>

How can I make it also exclude an array of public holidays?

Answer 1

I quickly wrote a snippet that I think is a good outline. My main point is that there are two types of national holidays: ones that fall on the same day every year (like Christmas) and ones that fall on different days every year (like Easter). I won’t give you the logic here to calculate moving holidays, but my snippet works with an array that can have two types of holidays: month/day (for static) and month/day/year (for changing). You can generate this array the way you want.

The test will run against this array, converts the array’s values into Date objects and uses jQuery’s inArray() to find matches.

Basic code:

//an array of holidays, defined here, ajaxed or anything
var holidays=['12/24', '1/1', '5/10/2011', '5/25'];

//a function that decides whether a date is a holiday
function isHoliday(date, holidays) {
    var parts, dateArray=[];
    //build Dates from the array
    for (var i=0; i<holidays.length; i++) {
        parts=holidays[i].split('/');
        if (parts.length==2) {
            dateArray.push(new Date(date.getFullYear(), parts[0]-1, parts[1]).getTime());
        } else if (parts.length==3) {
            dateArray.push(new Date(holidays[i]).getTime());
        } else {
            return false;
        }
    }
    return $.inArray(date.getTime(), dateArray)!=-1;
}

$('#fos').datepicker({
    dateFormat: 'dd-mm-yy',
    beforeShowDay: function(date){
        //handling sundays
        if (date.getDay() == 0) {
            return [false];
        }
        //handling holidays
        if (isHoliday(date, holidays)) {
            return [false];
        }
        return [true];
    }
});

And a jsFiddle Demo. Tested successfully on Chrome and FF4.