jQuery Worked Hours Grid plugin

jQuery plugin used to calculate worked durations in worked hours grids.

• Free software: MIT License
• History: HISTORY.md
• How to contribute: CONTRIBUTING.md

Demo

See the demo subdirectory.

Usage

1. Include jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

2. Include plugin's code:

<script src="dist/jquery.worked-hours-grid.min.js"></script>

3. Create a HTML table to represent worked hours of the week:

The default configuration use:

• .row class to select a row of time ranges and duration sum (HTML <tr>),
• .range class to select each time range in a row (HTML <span> with two <input>, one for start, one for end time),
• .start class to select the start time (HTML <input>) in each range,
• .end class to select the end time (HTML <input>) in each range,
• .sum class to select the sum field (HTML <td>) in each row,
• .total class to select the total field (HTML <td>) in the grid (footer row).

4. Call the plugin:

$("#element").workedHoursGrid({     units: {         hours: "h",         minutes: "min",         seconds: "s"     },     selectors: {         row: ".row",         range: ".range",         start: ".start",         end: ".end",         sum: ".sum",         total: ".total"     } });

Team

jQuery Worked Hours Grid plugin was created by Laurent LAPORTE, with help from these contributors.

Credits

• Zeno Rocha and Addy Osmani for creating jquery-boilerplate.
• Audrey Roy for creating cookiecutter-jquery.