Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
<!DOCTYPE html>
2 
<html>
3 
 
4 
    <head>
5 
        <meta charset='utf-8' />
6 
        <link href='../fullcalendar.css' rel='stylesheet' />
7 
        <link href='../fullcalendar.print.css' rel='stylesheet' media='print' />
8 
        <script src='../lib/moment.min.js'></script>
9 
        <script src='../lib/jquery.min.js'></script>
10 
        <script src='../fullcalendar.min.js'></script>
11 
        <script>
12 
            $(document).ready(function()
13 
            {
14 
                $('#calendar').fullCalendar(
15 
                {
16 
                    header:
17 
                    {
18 
                        left: 'prev,next today',
19 
                        center: 'title',
20 
                        right: 'month,agendaWeek,agendaDay'
21 
                    },
22 
                    defaultDate: '2015-02-12',
23 
                    businessHours: true, // display business hours
24 
                    editable: true,
25 
                    events: [
26 
                        {
27 
                            title: 'Business Lunch',
28 
                            start: '2015-02-03T13:00:00',
29 
                            constraint: 'businessHours'
30 
                        },
31 
                        {
32 
                            title: 'Meeting',
33 
                            start: '2015-02-13T11:00:00',
34 
                            constraint: 'availableForMeeting', // defined below
35 
                            color: '#257e4a'
36 
                        },
37 
                        {
38 
                            title: 'Conference',
39 
                            start: '2015-02-18',
40 
                            end: '2015-02-20'
41 
                        },
42 
                        {
43 
                            title: 'Party',
44 
                            start: '2015-02-29T20:00:00'
45 
                        },
46 
                        // areas where "Meeting" must be dropped
47 
                        {
48 
                            id: 'availableForMeeting',
49 
                            start: '2015-02-11T10:00:00',
50 
                            end: '2015-02-11T16:00:00',
51 
                            rendering: 'background'
52 
                        },
53 
                        {
54 
                            id: 'availableForMeeting',
55 
                            start: '2015-02-13T10:00:00',
56 
                            end: '2015-02-13T16:00:00',
57 
                            rendering: 'background'
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 
        </script>
78 
        <style>
79 
            body {
80 
                margin: 40px 10px;
81 
                padding: 0;
82 
                font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
83 
                font-size: 14px;
84 
            }
85 
 
86 
            #calendar {
87 
                max-width: 900px;
88 
                margin: 0 auto;
89 
            }
90 
        </style>
91 
    </head>
92 
 
93 
    <body>
94 
        <div id='calendar'></div>
95 
    </body>
96 
 
97 
</html>