<link rel='stylesheet' type='text/css' href='fullcalendar/redmond/theme.css' />
<link rel='stylesheet' type='text/css' href='fullcalendar/fullcalendar.css' />
<script type='text/javascript' src='fullcalendar/jquery/jquery.js'></script>
<script type='text/javascript' src='fullcalendar/jquery/ui.core.js'></script>
<script type='text/javascript' src='fullcalendar/jquery/ui.draggable.js'></script>
<script type='text/javascript' src='fullcalendar/jquery/ui.resizable.js'></script>
<script type='text/javascript' src='fullcalendar/fullcalendar.min.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
$('#calendar').fullCalendar({
theme: true,
editable: false,
weekends: false,
allDaySlot: false,
allDayDefault: false,
slotMinutes: 15,
firstHour: 8,
minTime: 8,
maxTime: 17,
height: 600,
defaultView: 'agendaWeek',
events: "json_events.php",
loading: function(bool) {
if (bool) $('#loading').show();
else $('#loading').hide();
}
});
});
</script>
But the informaion will not show up on the "agendaWeek".
Can anyone tell me what I am doing wrong.
My "json_events.php" code is:
<?php
$year = date('Y');
$month = date('m');
echo json_encode(array(
array(
'id' => 111,
'title' => "Event1",
'start' => "$year-$month-22 8:00",
'end' => "$year-$month-22 12:00",
'url' => "http://yahoo.com/"
),
array(
'id' => 222,
'title' => "Event2",
'start' => "$year-$month-22 14:00",
'end' => "$year-$month-22 16:00",
'url' => "http://yahoo.com/"
)
));
?>
And it out puts the following:
[{"id":111,"title":"Event1","start":"2010-03-22 8:00","end":"2010-03-22 12:00","url":"http:\/\/yahoo.com\/"},{"id":222,"title":"Event2","start":"2010-03-22 14:00","end":"2010-03-22 16:00","url":"http:\/\/yahoo.com\/"}]
Please if anyone can help or suggest someone to help me.
Thanks,
Dennis
