jQ.Scuedule.plus.js

jq.Schedule Plus

this is base on jq.Schedule! if you interested in it, you can reference orginal jq.Schedule!

Orginal Support

Drag and Drop Support

Resize Schedule Support

Ajax Support(Callback Event Option)

Extention Support

Add schedule Support

Add multiple Support

Time width adjust Schedule Support

Weekday schedule Support

Business hours Support

Delete schedule Support

Demo

Example Sample Demo

Time width adjust：    
Add mutiple：    

Log

Get Start

  1. Please Download jQuery.Schedule.Plus

  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.plus.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
nowTime String(HH:ii) schedule now time
startDate String(YYYY/MM/DD) schedule start date
endDate String(YYYY/MM/DD) schedule end date
weekday Array Date weekday
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)
bundleMoveWidth Integer width to move all schedules to the right of the clicked time line cell.
debug String,element debug string output elements
multiple Boolean can multiple add to schedule
rows Array Schedule Data
title String Schedule Left Cell Text
impossibleDate Array Can't reserve date
businessHours Array Schedule businessHours
schedule Array Schedule Cell Data
change function callback change time
click function callback click time
timeClick function callback timebar click
append function callback append time
dateClick function callback click date
timeDrag function callback drag time data
titleClick function callback click timebar line id
delete function callback delete data

Business Hours

name Type description
dow Array Day of week
start String time String(HH:ii)
end String time String(HH:ii)

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