Menu ▼



Posted By :
avatarmrkraju
Total Views : 769

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>






comments powered by Disqus


Search dotnetlearners.com