Menu ▼



Posted By :
avatarmrkraju
Total Views : 234

jQuery datepicker display multiple months

This example shows you how to display multiple months in jQuery datepicker/calendar control. To show multiple months we need to set the numberOfMonths property value.

Example: multiple months
Date :

<script language="javascript">
    $(document).ready(function () {
        $("#txtdate").datepicker({
            numberOfMonths: 2
        });
    });
</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({
                numberOfMonths: 2
            });
        });
    </script>
</head>
<body>
    Show Other Date :
    <input id="txtdate" type="text">
</body>
</html>






comments powered by Disqus


Search dotnetlearners.com