In this tutorial, we will learn How To Disable WeekEnd Dates in JQuery UI Datepicker?


Example :

<!DOCTYPE html>
<html>
<head>
    <title>How To Disable WeekEnd Dates in JQuery UI Datepicker? - rathorji.in</title>
    <link href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <style type="text/css">
        .container{
            border-radius: 5px;
            padding:50px 20px;
            margin:150px auto;
            width:25%;
            border:2px solid #000;
            text-align: center;
        }
        input{
            padding:5px;
        }
    </style>
</head>
<body>
    <h4 style="text-align: center;">How To Disable WeekEnd Dates in JQuery UI Datepicker? - rathorji.in</h4>
    <div class="container">
        <label>Date :</label>
        <input type='text' class='date'>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".date").datepicker({
                beforeShowDay: $.datepicker.noWeekends
            });
        });
    </script>
</body>
</html>


May this example help you.