My favorites
▼
|
Sign in
fullcalendar
ISSUE TRACKER HAS MOVED. DO NOT USE THIS (more info)
Project Home
Issues
Export to GitHub
New issue
Search
Search within:
All issues
Open issues
New issues
Issues to verify
for
Advanced search
Search tips
Subscriptions
Issue
2552
attachment: grouping.html
(4.0 KB)
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<link href='../lib/fullcalendar.min.css' rel='stylesheet' />
<link href='../lib/fullcalendar.print.css' rel='stylesheet' media='print' />
<link href='../scheduler.min.css' rel='stylesheet' />
<script src='../lib/moment.min.js'></script>
<script src='../lib/jquery.min.js'></script>
<script src='../lib/fullcalendar.min.js'></script>
<script src='../scheduler.min.js'></script>
<script>
$(function() { // document ready
$('#calendar').fullCalendar({
now: '2015-06-07',
editable: true,
aspectRatio: 1.8,
scrollTime: '06:00',
header: {
left: 'today prev,next',
center: 'title',
right: 'timelineDay,timelineThreeDays,agendaWeek,month'
},
defaultView: 'timelineDay',
views: {
timelineThreeDays: {
type: 'timeline',
duration: { days: 3 }
}
},
resourceGroupField: 'building',
resources: [
{ id: 'a', building: '460 Bryant', title: 'Auditorium A' },
{ id: 'b', building: '460 Bryant', title: 'Auditorium B', eventColor: 'green' },
{ id: 'c', building: '460 Bryant', title: 'Auditorium C', eventColor: 'orange' },
{ id: 'd', building: '460 Bryant', title: 'Auditorium D', children: [
{ id: 'd1', title: 'Room D1', occupancy: 10 },
{ id: 'd2', title: 'Room D2', occupancy: 10 }
] },
{ id: 'e', building: '460 Bryant', title: 'Auditorium E' },
{ id: 'f', building: '460 Bryant', title: 'Auditorium F', eventColor: 'red' },
{ id: 'bp', building: '460 Bryant', title: '460 Bryant - 564 Pacific corridor' },
{ id: 'bp', building: '564 Pacific', title: '460 Bryant - 564 Pacific corridor' },
{ id: 'g', building: '564 Pacific', title: 'Auditorium G' },
{ id: 'h', building: '564 Pacific', title: 'Auditorium H' },
{ id: 'i', building: '564 Pacific', title: 'Auditorium I' },
{ id: 'j', building: '564 Pacific', title: 'Auditorium J' },
{ id: 'k', building: '564 Pacific', title: 'Auditorium K' },
{ id: 'l', building: '564 Pacific', title: 'Auditorium L' },
{ id: 'm', building: '564 Pacific', title: 'Auditorium M' },
{ id: 'n', building: '564 Pacific', title: 'Auditorium N' },
{ id: 'o', building: '564 Pacific', title: 'Auditorium O' },
{ id: 'p', building: '564 Pacific', title: 'Auditorium P' },
{ id: 'q', building: '564 Pacific', title: 'Auditorium Q' },
{ id: 'r', building: '564 Pacific', title: 'Auditorium R' },
{ id: 's', building: '564 Pacific', title: 'Auditorium S' },
{ id: 't', building: '564 Pacific', title: 'Auditorium T' },
{ id: 'u', building: '564 Pacific', title: 'Auditorium U' },
{ id: 'v', building: '564 Pacific', title: 'Auditorium V' },
{ id: 'w', building: '564 Pacific', title: 'Auditorium W' },
{ id: 'x', building: '564 Pacific', title: 'Auditorium X' },
{ id: 'y', building: '564 Pacific', title: 'Auditorium Y' },
{ id: 'z', building: '564 Pacific', title: 'Auditorium Z' }
],
events: [
{ id: '1', resourceId: 'b', start: '2015-06-07T02:00:00', end: '2015-06-07T07:00:00', title: 'event 1' },
{ id: '2', resourceId: 'c', start: '2015-06-07T05:00:00', end: '2015-06-07T22:00:00', title: 'event 2' },
{ id: '3', resourceId: 'd', start: '2015-06-06', end: '2015-06-08', title: 'event 3' },
{ id: '4', resourceId: 'e', start: '2015-06-07T03:00:00', end: '2015-06-07T08:00:00', title: 'event 4' },
{ id: '5', resourceId: 'f', start: '2015-06-07T00:30:00', end: '2015-06-07T02:30:00', title: 'event 5' },
{ id: '6', resourceId: 'bp', start: '2015-06-07T04:30:00', end: '2015-06-07T12:30:00', title: 'shared resource event' }
]
});
});
</script>
<style>
body {
margin: 0;
padding: 0;
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
font-size: 14px;
}
#calendar {
max-width: 900px;
margin: 50px auto;
}
</style>
</head>
<body>
<div id='calendar'></div>
</body>
</html>
Powered by
Google Project Hosting