$(".cal1").datepicker({ minDate: 0, dateFormat: 'yy-mm-dd', numberOfMonths: 2, beforeShowDay: available, onSelect: function (selectedDate) { deppdate = $.datepicker.formatDate("dd-mm-yy", $(".cal1").datepicker('getDate')); $("#hfcal1").val(deppdate); } }); var availableDates = ["10-12-2013", "22-12-2013", "15-12-2013", "28-1-2014", "1-2-2014"]; function available(date) { dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear(); if ($.inArray(dmy, availableDates) !== -1) { return [true, "ui-state-active", "Available"]; } else { return [false, "", "Unavailable"]; } } Date Picker Highlighted dates(mentioned above) are not visible until ...

Go to the complete details ...