Disable weekend days in jQuery datepicker

This example shows you how to disable weekend days in jQuery datepicker. To disable weekend days we have to set beforeShowDay function value to $.datepicker.noWeekends

Example: Disable weekend days
Date :

<script language="javascript"> $(document).ready(function () { $("#txtdate").datepicker({ beforeShowDay: $.datepicker.noWeekends }); }); </script>

Source Code

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="Stylesheet" type="text/css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script language="javascript"> $(document).ready(function () { $("#txtdate").datepicker({ beforeShowDay: $.datepicker.noWeekends }); }); </script> </head> <body> Show Other Date : <input id="txtdate" type="text"> </body> </html>