01.
<link rel=
'stylesheet'
type=
'text/css'
href=
'redmond/theme.css'
/>
02.
03.
<link rel=
'stylesheet'
type=
'text/css'
href=
'redmond/fullcalendar.css'
/>
04.
05.
<script type=
'text/javascript'
src=
'jquery/jquery.js'
></script>
06.
07.
<script type=
'text/javascript'
src=
'jquery/jquery-ui-custom.js'
></script>
08.
09.
<script type=
"text/javascript"
src=
"jquery/fullcalendar.min.js"
></script>
10.
11.
<script type=
"text/javascript"
>
12.
13.
$(
function
(){
14.
$(
'#calendar'
).fullCalendar({
15.
16.
header: {
17.
18.
left:
'prev,next today'
,
19.
20.
center:
'title'
,
21.
22.
right:
'month,agendaWeek,agendaDay'
23.
24.
},
25.
26.
27.
28.
editable:
false
,
29.
30.
allDaySlot:
false
,
31.
32.
theme:
true
,
33.
34.
events:
"events.php?gData=1"
,
35.
36.
loading:
function
(bool) {
37.
38.
if
(bool) $(
'#loading'
).show();
39.
40.
else
$(
'#loading'
).hide();
41.
42.
}
43.
44.
45.
46.
});
47.
48.
49.
50.
});
51.
52.
</script>
53.
54.
55.
56.
<style type=
"text/css"
>
57.
58.
body{
59.
60.
padding:0px;
61.
62.
margin:0px;
63.
64.
font-size:12px;
65.
66.
font-family:Tahoma, Geneva, sans-serif;
67.
68.
}
69.
70.
#calendar{
71.
72.
width:650px;
73.
74.
margin:auto;
75.
76.
}
77.
78.
</style>