Intoduction :-
Hii Friends...
Today I explain how to make a datepicker in html . The datepicker is tied to a standard form input field. Focus on the input to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page.
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(
function () {
$("#datepicker").datepicker({
changeMonth: true,
changeYear: true
});
}
);
</script>
</head>
<body>
<p style="color:rgb(36, 159, 163);">
<b>Pick a Date:</b>
<input type="text" id="datepicker" /></p>
</body>
</html>
Hii Friends...
Today I explain how to make a datepicker in html . The datepicker is tied to a standard form input field. Focus on the input to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page.
DEMO:-
Pick a Date:
Example :-
<html><head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
$(document).ready(
function () {
$("#datepicker").datepicker({
changeMonth: true,
changeYear: true
});
}
);
</script>
</head>
<body>
<p style="color:rgb(36, 159, 163);">
<b>Pick a Date:</b>
<input type="text" id="datepicker" /></p>
</body>
</html>
0 comments:
Post a Comment