JQuery UI Datepicker Disable Weekends

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.

ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Google Amazon and Flipkart Book Store!

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.