Tuesday, 7 August 2012

Jquery for Date Picker

<html>
<head><title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.22/themes/base/jquery-ui.css" type="text/css" media="all" />
            <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
            <script src="http://code.jquery.com/ui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function ($) {


        $(function () {
            $.datepicker.setDefaults($.datepicker.regional[""]);
            $(".datepicker").datepicker({ yearRange: "1901:2050"
, changeMonth: true,
                changeYear: true
            });
          

        });
        // Handler for .ready() called.
    });
    function selectGUniversity_onclick() {

    }

    </script>
</head>
<body>
<table>
<tr>
<td><asp:TextBox ID="txtdob" runat="server" class="datepicker"></asp:TextBox></td>
</tr>
</table>
</body>
</html>

No comments:

Post a Comment