Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
5 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 
                    selectable: true,
24 
                    selectHelper: true,
25 
                    select: function(start, end)
26 
                    {
27 
                        var title = prompt('Event Title:');
28 
                        var eventData;
29 
                        if (title)
30 
                        {
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 
                    editable: true,
41 
                    eventLimit: true, // allow "more" link when too many events
42 
                    events: [
43 
                    {
44 
                        title: 'All Day Event',
45 
                        start: '2015-02-01'
46 
                    },
47 
                    {
48 
                        title: 'Long Event',
49 
                        start: '2015-02-07',
50 
                        end: '2015-02-10'
51 
                    },
52 
                    {
53 
                        id: 999,
54 
                        title: 'Repeating Event',
55 
                        start: '2015-02-09T16:00:00'
56 
                    },
57 
                    {
58 
                        id: 999,
59 
                        title: 'Repeating Event',
60 
                        start: '2015-02-16T16:00:00'
61 
                    },
62 
                    {
63 
                        title: 'Conference',
64 
                        start: '2015-02-11',
65 
                        end: '2015-02-13'
66 
                    },
67 
                    {
68 
                        title: 'Meeting',
69 
                        start: '2015-02-12T10:30:00',
70 
                        end: '2015-02-12T12:30:00'
71 
                    },
72 
                    {
73 
                        title: 'Lunch',
74 
                        start: '2015-02-12T12:00:00'
75 
                    },
76 
                    {
77 
                        title: 'Meeting',
78 
                        start: '2015-02-12T14:30:00'
79 
                    },
80 
                    {
81 
                        title: 'Happy Hour',
82 
                        start: '2015-02-12T17:30:00'
83 
                    },
84 
                    {
85 
                        title: 'Dinner',
86 
                        start: '2015-02-12T20:00:00'
87 
                    },
88 
                    {
89 
                        title: 'Birthday Party',
90 
                        start: '2015-02-13T07:00:00'
91 
                    },
92 
                    {
93 
                        title: 'Click for Google',
94 
                        url: 'http://google.com/',
95 
                        start: '2015-02-28'
96 
                    }]
97 
                });
98 
            });
99 
        </script>
100 
        <style>
101 
            body {
102 
                margin: 40px 10px;
103 
                padding: 0;
104 
                font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
105 
                font-size: 14px;
106 
            }
107 
 
108 
            #calendar {
109 
                max-width: 900px;
110 
                margin: 0 auto;
111 
            }
112 
        </style>
113 
    </head>
114 
 
115 
    <body>
116 
        <div id='calendar'></div>
117 
    </body>
118 
 
119 
</html>