JQuery Calendar Example
A Simple Calendar In html with JQuery using Date Picker.
Code:-
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js">
</script>
<script type='text/javascript'>
$(document).ready(function () {
$("#calendar").datepicker
({
defaultDate: '01/01/' + new Date().getFullYear(),
minDate: '01/01/' + new Date().getFullYear(),
maxDate: '12/31/' + (new Date().getFullYear() + 1),
numberOfMonths: [2, 6],
});
});
</script>
<style>
#header {
background-color:#00ff21;
height:100px;
width:100%;
text-align:center;
}
#footer {
background-color: #808080;
height: 100px;
width: 100%;
color: white;
text-align: center;
}
#calendar {
margin-left:175px;
}
</style>
</head>
<body>
<div id="header">
<h1>Calendar</h1>
</div>
<div id='calendar'>
</div>
<div id="footer">
<h2>All Right are reserved at Dot Net By Vickypedia</h2>
</div>
</body>
</html>
Output :-
Hello! This is my first visit to When I initially commented, I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get several your blog!
ReplyDeleteindustrial safety courses in chennai
It has been simply incredibly generous with you to provide openly what exactly many individuals would’ve marketed for an eBook to end up making some cash for their end, primarily given that you could have tried it in the event you wanted.
ReplyDeleteAdvanced Python Training Institute in Chennai| Advanced Python Training institute in Chennai
Advanced RPA Training in Chennai | Advanced RPA Training institute in Chennai
Advanced DevOps Training in Chennai | Advanced DevOps Training institute in Chennai
Advanced Azure Training in Chennai | Advanced Azure Training institute in Chennai
Advanced Java Training in Chennai | Advanced Java Training institute in Chennai
Thanks a lot for sharing such a good source with all, i appreciate your efforts taken for the same. I found this worth sharing and must share this with all.
ReplyDeleteDot Net Training in Chennai | Dot Net Training in anna nagar | Dot Net Training in omr | Dot Net Training in porur | Dot Net Training in tambaram | Dot Net Training in velachery