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: 'month,agendaWeek,agendaDay'
19 
			},
20 
			defaultDate: '2015-02-12',
21 
			businessHours: true, // display business hours
22 
			editable: true,
23 
			events: [
24 
				{
25 
					title: 'Business Lunch',
26 
					start: '2015-02-03T13:00:00',
27 
					constraint: 'businessHours'
28 
				},
29 
				{
30 
					title: 'Meeting',
31 
					start: '2015-02-13T11:00:00',
32 
					constraint: 'availableForMeeting', // defined below
33 
					color: '#257e4a'
34 
				},
35 
				{
36 
					title: 'Conference',
37 
					start: '2015-02-18',
38 
					end: '2015-02-20'
39 
				},
40 
				{
41 
					title: 'Party',
42 
					start: '2015-02-29T20:00:00'
43 
				},
44 
 
45 
				// areas where "Meeting" must be dropped
46 
				{
47 
					id: 'availableForMeeting',
48 
					start: '2015-02-11T10:00:00',
49 
					end: '2015-02-11T16:00:00',
50 
					rendering: 'background'
51 
				},
52 
				{
53 
					id: 'availableForMeeting',
54 
					start: '2015-02-13T10:00:00',
55 
					end: '2015-02-13T16:00:00',
56 
					rendering: 'background'
57 
				},
58 
 
59 
				// red areas where no events can be dropped
60 
				{
61 
					start: '2015-02-24',
62 
					end: '2015-02-28',
63 
					overlap: false,
64 
					rendering: 'background',
65 
					color: '#ff9f89'
66 
				},
67 
				{
68 
					start: '2015-02-06',
69 
					end: '2015-02-08',
70 
					overlap: false,
71 
					rendering: 'background',
72 
					color: '#ff9f89'
73 
				}
74 
			]
75 
		});
76 
 
77 
	});
78 
 
79 
</script>
80 
<style>
81 
 
82 
	body {
83 
		margin: 40px 10px;
84 
		padding: 0;
85 
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
86 
		font-size: 14px;
87 
	}
88 
 
89 
	#calendar {
90 
		max-width: 900px;
91 
		margin: 0 auto;
92 
	}
93 
 
94 
</style>
95 
</head>
96 
<body>
97 
 
98 
	<div id='calendar'></div>
99 
 
100 
</body>
101 
</html>