Demo

Example Sample Demo

Get Start

1. Please Download jQuery.Schedule

2. include jquery.jsandjquery.ui.js after jq.schedule

   <script src="jquery-1.10.2.js" type="text/javascript" language="javascript"></script>
   <script src="jquery-ui-1.10.4.js" type="text/javascript" language="javascript"></script>
   <script type="text/javascript" src="../js/jq.schedule.js"></script>
   <link rel="stylesheet" type="text/css" href="../css/style.css" />

3. init scripts

   <script type="text/javascript">
   jQuery(document).ready(function(){
       var $sc = jQuery("#schedule").timeSchedule($options);
   });
   </script>

Option

name		Type	description
startTime		String(HH:ii)	schedule start time
endTime		String(HH:ii)	schedule end time
widthTime		Integer	minuite time line cell
timeLineY		Integer	cell height px
verticalScrollbar		Integer	scrollbar (px)
timeLineBorder		Integer	border(top and bottom)
debug		String,element	debug string output elements
rows		Array	Schedule Data
	title	String	Schedule Left Cell Text
	schedule	Array	Schedule Cell Data
change		function	callback change time
click		function	callback click time
time_click		function	callback timebar click
append		function	callback append time

Schedule Data

name		Type	description
title		String	Visible Text Schedule Bar
class		String	add class name
schedule	array		add schedule data
	start	String	time String(HH:ii)
	end	String	time String(HH:ii)
	text	String	Show Text
	data	Object,Array	callback data Object