This workday scheduler has been created using an extended workday time block. It was modeled after my current employer's planned workday which spans two shifts (and my current position covering both of them).
Time slots are hourly, ranging from 6AM to 7PM.
The current time is listed at the top of the page and the entire hour on the schedule highlights a unique color. Hour blocks that have passed are highlighted differently from time blocks that are coming up.
This also has a print function attached for future planning usage. Once the scheduler has been printed, memory is cleared to allow for entering the next day.
((As I was fuzzy on how the whole jQuery process functioned, much help was provided from the tutor. I understand the functions, logic, syntax, and reasons for each line now.))
Please be aware this was created under Creative Commons Attribution 4.0 International. Please see creativecommons.org for what that entails and allows you to do with this code.