events.php

<div id="event_calendar">
    
    	<link rel="stylesheet" type="text/css" href="<?php if(!is_admin()){bloginfo('template_url');} ?>/styles/fullcalendar.css"/>
<script type="text/javascript" src="<?php if(!is_admin()){bloginfo('template_url');} ?>/scripts/fullcalendar.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#calendar').fullCalendar({
		header: {
			left: 'prev,next today',
			center: 'title',
			right: 'month,agendaWeek,agendaDay'
		},
		events: [
			<?php
				$myEvents = get_posts('post_type=event&orderby=title&order=ASC&numberposts=-1');
				$eventString = '';
				foreach($myEvents as $event){
					$eventString .= '{ title: \''.$event->post_title.'\',';
					$eventDate = get_post_meta($event->ID,'event_date',true);
					$dateParts = explode('-',$eventDate);
					$startTime = get_post_meta($event->ID,'starttime',true);
					if($startTime != ''){
						$startTimeArray = explode(':',$startTime);
						$makeStart = mktime($startTimeArray[0],$startTimeArray[1],0,$dateParts[1],$dateParts[2],$dateParts[0]);
					} else {
						$makeStart = mktime(12,0,0,$dateParts[1],$dateParts[2],$dateParts[0]);
					}
					$displayDate = date('c',$makeStart);
					$eventString .= 'start: \''.$displayDate.'\',';
					$endTime = get_post_meta($event->ID,'endtime',true);
					if($endTime != ''){
						$endTimeArray = explode(':',$endTime);
						$makeEnd = mktime($endTimeArray[0],$endTimeArray[1],0,$dateParts[1],$dateParts[2],$dateParts[0]);
						$displayEndDate = date('c',$makeEnd);
						$eventString .= 'end: \''.$displayEndDate.'\',';
					}
					$eventString .= 'url: \''.$event->guid.'\',';
					$eventString .= 'allDay: false},';					
				}
				$eventString  = substr($eventString, 0, -1);
				echo $eventString;
			?>
		]
	})
});
</script>
<div id="calendar"></div>