Skip to content
JQuery-ui based widget to set and display schedules
JavaScript CSS
Find file
New pull request
Latest commit a40ce52 @gbour Merge pull request #1 from amejiarosario/set-values-programmatically
allows to modify schedule values on runtime
Failed to load latest commit information.
demo new public function to load values from form
src cleanup
README [fix] replace calendar icon


													-:| xivo-schedule jQuery widget |:-

	*xivo-schedule* is a jQuery widget used to set/display schedules in a user friendly manner

	A schedule is a set of datetime intervals:
		- months
		- days of month
		- days of week
		- hours in the day

	The resulting schedule is made of the intersection of all those intervals

	NOTE: jquery-ui themes applies on xivo-schedule, so you can easily change colors by
				importing different css theme file

	. jquery (>= 1.5)
	. jquery-ui (>= 1.8)
	. jquery.mousewheel (FACULTATIVE.

	. include requirements .js and .css files
		<link type="text/css" href="jquery/css/ui-lightness/jquery-ui-1.8.10.custom.css" rel="stylesheet" />  
		<link type="text/css" href="../src/xivo.schedule.css" rel="stylesheet" /> 
		<script type="text/javascript" src="jquery/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="jquery/jquery-ui-1.8.10.min.js"></script>
		<script src="jquery/jquery.mousewheel.min.js"></script>

	. include xivo-schedule .js and desired .js langpacks
		<script type="text/javascript" src="../src/xivo.schedule.js"></script>
		<script type="text/javascript" src="../src/xivo.schedule-fr.js"></script>

	. initialize xivo-schedule widget (MUST be attached to a input field) with following options:
		- language (default to *english*)
		- inputs: input fields setted with schedule numerical values (one field per interval type)
		- default value

					'language': 'fr',
					'inputs': {
						'months'   : $('#sched-months'),
						'monthdays': $('#sched-monthdays'),
						'weekdays' : $('#sched-weekdays'),
						'hours'    : $('#sched-hours')
					defaults: {
						'months'   : '1,3-6,11,12',
						'monthdays': '1-15,21',
						'weekdays' : '1,4-6',
						'hours'    : '08:35-17:30'

	see demo/schedule.html for a complete sample

  . Guillaume Bour <>

	. calendar icon from
Something went wrong with that request. Please try again.