Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 lars 1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta charset='utf-8' />
5 
<link href='../fullcalendar.css' rel='stylesheet' />
6 
<link href='../fullcalendar.print.css' rel='stylesheet' media='print' />
7 
<script src='../lib/moment.min.js'></script>
8 
<script src='../lib/jquery.min.js'></script>
9 
<script src='../fullcalendar.min.js'></script>
10 
<script>
11 
 
12 
	$(document).ready(function() {
13 
 
14 
		$('#calendar').fullCalendar({
15 
			header: {
16 
				left: 'prev,next today',
17 
				center: 'title',
18 
				right: 'year,month,agendaWeek,agendaDay'
19 
			},
20 
			firstMonth: 8, // september
21 
			//firstMonth: 0,
22 
			//lastMonth: 6,
23 
			defaultDate: '2015-01-12',
24 
			defaultView: 'year',
25 
			selectable: true,
26 
			selectHelper: true,
27 
			select: function(start, end) {
28 
				var title = prompt('Event Title:');
29 
				var eventData;
30 
				if (title) {
31 
					eventData = {
32 
						title: title,
33 
						start: start,
34 
						end: end
35 
					};
36 
					$('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
37 
				}
38 
				$('#calendar').fullCalendar('unselect');
39 
			},
40 
			firstDay: 0,
41 
			editable: true,
42 
			eventLimit: true, // allow "more" link when too many events
43 
			events: [
44 
				{
45 
					title: 'Long event',
46 
					start: '2015-01-07',
47 
					end: '2015-01-10'
48 
				},
49 
				{
50 
					title: 'Background Yearview Dev',
51 
					start: '2015-01-04',
52 
					end: '2015-01-19',
53 
					rendering: 'background'
54 
				},
55 
				{
56 
					id: 999,
57 
					title: 'Repeating Event',
58 
					start: '2015-01-09T16:00:00'
59 
				},
60 
				{
61 
					id: 999,
62 
					title: 'Repeating Event',
63 
					start: '2015-01-16T16:00:00'
64 
				},
65 
				{
66 
					title: 'Long over months',
67 
					start: '2015-01-29',
68 
					end: '2015-02-02'
69 
				},
70 
				{
71 
					title: 'All Day Event',
72 
					start: '2015-03-01'
73 
				},
74 
				{
75 
					title: 'Conference',
76 
					start: '2015-11-11',
77 
					end: '2015-11-13'
78 
				},
79 
				{
80 
					title: 'Meeting',
81 
					start: '2015-11-12T10:30:00',
82 
					end: '2015-11-12T12:30:00'
83 
				},
84 
				{
85 
					title: 'Lunch',
86 
					start: '2015-11-12T12:00:00'
87 
				},
88 
				{
89 
					title: 'Meeting',
90 
					start: '2015-11-12T14:30:00'
91 
				},
92 
				{
93 
					title: 'Happy Hour',
94 
					start: '2014-11-12T17:30:00'
95 
				},
96 
				{
97 
					title: 'Dinner',
98 
					start: '2014-11-12T20:00:00'
99 
				},
100 
				{
101 
					title: 'Birthday Party',
102 
					start: '2014-11-13T07:00:00'
103 
				},
104 
				{
105 
					title: 'Click for Google',
106 
					url: 'http://google.com/',
107 
					start: '2015-03-28'
108 
				}
109 
			]
110 
		});
111 
 
112 
	});
113 
 
114 
</script>
115 
<style>
116 
 
117 
	body {
118 
		margin: 40px 10px;
119 
		padding: 0;
120 
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
121 
		font-size: 14px;
122 
	}
123 
 
124 
	#calendar {
125 
		max-width: 900px;
126 
		margin: 0 auto;
127 
	}
128 
 
129 
</style>
130 
</head>
131 
<body>
132 
 
133 
	<div id='calendar'></div>
134 
 
135 
</body>
136 
</html>