jQuery UI Datepicker Disable Weekdays

jQuery UI Datepicker - Disable Weekdays

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

The noWeekends is an internal function of jQuery ui datepicker and we are using date to disable to all week days using the function disableOnlyWeekDays(date). i.e.

Date Picker HTML code

Weekends Only <div id="datepickerOnlyWeekDays"></div>

Date Picker with only week days JavaScript code sample

<script>
    function disableOnlyWeekDays(date) {
        var weekDays = $.datepicker.noWeekends(date);
        return [!(weekDays[0])];;
    }

    $(function () {
        $("#datepickerOnlyWeekDays").datepicker({
            beforeShowDay: disableOnlyWeekDays
        });
    });
</script>

The output result, you can seen in the below calendar, all the week days are disabled.



ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
My Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.