jQuery Time Range Slider (Across Multiple Days)

In Progress

Hey there, I'm looking to build a 'time range' slider for a booking service to select a 'start time' and 'end time' in 1 hour blocks. The only gag is the times may be across several days or the one day. I've attached some examples to illustrate what I mean ... This can be based on existing tech, like the jQuery 'slider' functionality or one of the below, but needs to end up working as is illustrated and input/output date/times.

Functionality:

- Adjust times across one day or multiples

- Input a State Date/Time and End Date/Time (eg: 01-12-2013 to 04-12-2013)

- Ability to adjust the Start and End dates using the slider in one hour blocks

- Ability to add blocked times across the Date/Time range. Example, 10-11am is unavailable, so slide no further sir

I think the attached illustrates it well. Best to think of this as what it is: sharing functionality based on one hour blocks. The input/output will be saved to a database as a date/time range.

Basic Examples:

[url removed, login to view]

[url removed, login to view]

[url removed, login to view]

Skills: Javascript, jQuery / Prototype

See more: time range slider jquery, range time slider, jquery time range, service prototype, prototype date, jquery 1.9, jquery end, jquery dates, tech times, jquery slider, gag, jquery existing, across multiple, jquery build, multiple slider, multiple jquery, build prototype, jquery date add, jquery basic slide, basic jquery slide, jquery range, time range, javascript slider range

Project ID: #5162659