jquery based datepicker is used to provide a calender on web pages. This control is very easey to use.
for this purpose we need to use selector(any html tag).
Situation
We want to display a datapicker for user on webpage.
Solution
- First identify source (html tag)
- Use following jqueries for implementing this task
- use jquery http://www.programmingduniya.com/common/jquery/jquery.min.js
- use jquery http://www.programmingduniya.com/common/jquery/jquery-ui.min.js
- use css http://www.programmingduniya.com/common/jquery/css/jquery-ui.css
Detailed programme
<html>
<head>
<script
type="text/javascript"
src="http://www.programmingduniya.com/common/jquery/jquery.min.js">
</script>
<script
type="text/javascript"
src="http://www.programmingduniya.com/common/jquery/jquery-ui.min.js">
</script>
</head>
<body>
<div id="datepicker"></div>
<script>
$(document).ready(function() {
$("#datepicker").datepicker();
});
</script>
</body>
</html>
<head>
<script
type="text/javascript"
src="http://www.programmingduniya.com/common/jquery/jquery.min.js">
</script>
<script
type="text/javascript"
src="http://www.programmingduniya.com/common/jquery/jquery-ui.min.js">
</script>
</head>
<body>
<div id="datepicker"></div>
<script>
$(document).ready(function() {
$("#datepicker").datepicker();
});
</script>
</body>
</html>
No comments:
Post a Comment