jquery datepicker: alert when certain days are clicked on the jquery datepicker

Question

i have a certain dates that come from database and want to block those dates from selecting, how would i do that? like Alert when certain days are clicked on the jquery datepicker?

i am using asp.net C#. and pass the dates from server side to client?

any help?

Answer 1

I think you would have to use the onSelect event of the datepicker to do this.

Per Jquery Documentation:

$('.selector').datepicker({
   onSelect: function(dateText, inst) { //check for date and show alert }
});

HTH

Answer 2

var disabledDates = ['04/30/2010', '05/01/2010'];

$(function(){

$('#datepicker').datepicker({ 

    dateFormat: 'dd/mm/yy', 
    beforeShowDay: editDays 
}); 

function editDays(date) { 
    for (var i = 0; i < disabledDates.length; i++) { 
        if (new Date(disabledDates[i]).toString() == date.toString()) {              
             return [false]; 
        } 
    } 
    return [true]; 
 }    

});