Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

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