-
Notifications
You must be signed in to change notification settings - Fork 36
/
Copy pathindex.html
51 lines (41 loc) · 1.75 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jQuery Verbose Calendar - Brought to you by John Patrick Given</title>
<!-- Simple CSS file for HTML page -->
<link rel="stylesheet" href="stylesheets/main.css" type="text/css" media="screen" title="no title" charset="utf-8">
<!-- jCalendar CSS - Contains Tipsy CSS - Delete as needed -->
<link rel="stylesheet" href="javascripts/jquery.calendar/calendar.css" type="text/css" media="screen" title="no title" charset="utf-8">
<!-- Source jQuery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<!-- Source CalendarJS - Contains Tipsy jQuery Plugin - Delete as needed -->
<script src="javascripts/jquery.calendar/jquery.calendar.min.js" type="text/javascript" charset="utf-8"></script>
<!-- Call the Calendar -->
<script>
$(document).ready(function() {
$("#main-container").calendar({
tipsy_gravity: 's', // How do you want to anchor the tipsy notification? (n / s / e / w)
click_callback: calendar_callback, // Callback to return the clicked date
scroll_to_date: false // Scroll to the current date?
});
});
//
// Example of callback - do something with the returned date
var calendar_callback = function(date) {
//
// Returned date is a date object containing the day, month, and year.
// date.day = day; date.month = month; date.year = year;
alert("Open your Javascript console to see the returned result object.");
console.log(date);
}
</script>
</head>
<body>
<div id="header">
jQuery Verbose Calendar - Brought to you by <a href="http://johnpatrickgiven.com">John Patrick Given</a>.
</div>
<div id="main-container">
</div>
</body>
</html>