Demo of Disabling Weekdays in calendar for Date Picker using JQuery

Date:

CSS

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

HTML

Date: <input type="text" id="date_picker">

JQUERY

<script>
$(document).ready(function() {
//////////////////////////
$('#date_picker').change(function() {
selectedDate = $(this).datepicker('getDate');
})
/////////////////////
function checkDate(selectedDate) {
var week_day_number = selectedDate.getDay();
// Now check if the selected  date  is matching by using OR .
// Week_day_number will be 0 for Sunday and will be 6 for Saturday  
if(week_day_number==0 || week_day_number== 6){
 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,
firstDay :6
});
});
///////////////////
})
</script>