Highlight Specific Days

by peter

HTML

<link rel="stylesheet" href="http://davidwalsh.name/dw-content/jquery-ui-css/custom-theme/jquery-ui-1.7.2.custom.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
<input type="text" name="date" id="date" readonly="readonly" size="12" />

CSS

td.highlight {
    background-color: #fff;
    border: 1px blue solid;
}
  background-color: #cccccc;

JavaScript

var dates = ['04/30/2010', '05/01/2010','10,08,2011'];

$(function(){

    $('#date').datepicker({
        numberOfMonths: [1,1],                
        dateFormat: 'dd/mm/yy',
        beforeShowDay: highlightDays
    });

function highlightDays(date) {
        for (var i = 0; i < dates.length; i++) {
            if (new Date(dates[i]).toString() == date.toString()) {              
                          return [true, 'highlight'];
                  }
          }
          return [true, ''];

 }   

});