decease / jquery-skeduler

This is jQuery plugin which provides you simple scheduler with some items on OX and 24-hours timeline on OY.

jQuery Skeduler Plugin

By Oleg Mishenkin, 2016

This is jQuery plugin which provider you simple scheduler with some items on OX and 24-hours timeline on OY.

Demos

The demo live in demo/ directory. Open demo/index.html directly in your web browser.

Install

Install by Bower:

bower install jquery-skeduler

Documentation

Basic using

The .skeduler() method can be used to create skeduler instance.

$('#mySkeduler').skeduler(options);

Options description

Options contains follow fields:

• headers: string[] - array of headers
• tasks: Task[] - array of tasks
• containerCssClass: string - css class of main container
• headerContainerCssClass: string - css class of header container
• schedulerContainerCssClass: string - css class of scheduler
• lineHeight - height of one half-hour cell in grid
• borderWidth - width of border of cell in grid
• onClick - function (e, t) {} - where e - native event args and t is object of clicked card

Roadmap

• Initialize plugin
• Add click event
• Make better documentation

jquery-skeduler's Issues

Sparse data = error/no display.

If your data set of tasks doesn't dominate all of the columns, a cannot set property ' width' of undefined is thrown. If there's no tasks for "column 0", the script doesn't show an empty column.

In the demo, change the loop that assigns i (the column) to start at "1" or end at "7" to generate a smaller data set and the nothing will be rendered on the screen due to the width error.

print planning

hello all,

I have a small problem, I would like to have a button that would print at once all my planning know how to do?

Thanks for your help.

Overlapped events

Is it possible to place events side by side if they are overlapping?

To show hour minute scale and to set the start and end time

Hi,

I am wondering does this script manage to set the the start and end hour for the hour scale like to show only 10:00 to 20:00.
Besides, does this script also can able to show base on duration scale? like each column is 5min just describe in screenshot below?

Thank you in advance and thank you for your great work~!

Best Regards,
Jeffrey Chan