jQuery UI Datepicker - Disable Weekends

Hello everyone, Today's I am going to share the code sample for disable all the weekends days of jQuery UI Datepicker.

The example in detail as given below.

Date Picker HTML code

NoWeekends <div id="datepickerNoWeekends"></div>

Date Picker with No-Weekends JavaScript code sample

<script>

    $('#datepickerNoWeekends').datepicker({

        beforeShowDay: $.datepicker.noWeekends

    });

</script>

Note : The noWeekends is an internal function of jQuery datepicker. Its work default when we using the code($.datepicker.noWeekends) for disable to all weekends.

The output result, you can seen in the below calendar, Here all weekends date is disabled.