Adding Jquery Calender In asp.net
<html>
<head>
<title>example of jquery calender</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({ gotoCurrent: true });
});
// Handler for .ready() called.
});
function selectGUniversity_onclick() {
}
</script>
<style type="text/css">
.box_shadow
{
-moz-box-shadow: 1px 1px 2px 2px #9f9f9f;
-webkit-box-shadow: 1px 1px 2px 2px #9f9f9f;
box-shadow: 1px 1px 2px 2px #9f9f9f;
padding:10px;
margin-bottom:20px;
margin-top:20px;
}
#selectGUniversity
{
width: 189px;
height: 22px;
}
#selectPGUniversity
{
width: 189px;
}
#selectGraduation
{
height: 19px;
width: 122px;
}
#selectMarital
{
width: 116px;
}
.ds
{
height:28px;
width:185px;
}
#txtDOB1
{
height:28px;
width:185px;
}
.selectdrp
{
height:22px;
}
.datepicker
{
height:28px;
width:185px;
}
</style>
</head>
<body>
<div>
<asp:TextBox Id="txtDob" runat="server" Class="datepicker"/>
</div>
</body>
</html>
No comments:
Post a Comment