Demo of Disabling calendar dates in Date Picker using JQuery

CSS

<style >
.na_dates {
    background-color: Green !important;
    background-image :none !important;
    color: #ffffff !important;
}
</style>

HTML

Date: <input type="text" id="date_picker"> 14th, 19th and 25th of every month is disabled. 

JQUERY

<script>
$(document).ready(function() {
//////////////////////////
$('#date_picker').change(function() {
selectedDate = $(this).datepicker('getDate');
})
/////////////////////
function checkDate(selectedDate) {
// Try to get  date part and year part from the selected date.
var d = selectedDate.getDate();  // date part of the input 
 // Now check if the selected  date  is matching by using OR . 
if(d==14 || d== 19 || d==25){
 return [false,'na_dates','Close date F'];
 }else{
return [true,'	','Open date T'];
}// end of if else 
} // end of function checkDate
////////
$(function() {
    $( "#date_picker" ).datepicker({
dateFormat: 'dd-mm-yy',
beforeShowDay:checkDate
});
});
///////////////////
})
</script>