Selecting time slot for scheduling using jquery. is there an

Selecting time slot for scheduling using jquery. is there an

Please help me to solve this issue.

It is a grid, the time period is in horizontal & locations are in vertical.
I used selectable UI (ui.selectable.js).
I can select time slot for each location by holding Ctrl key.
1.) How to select column wise selection (i.e. If I need the same time slot(s) for all locations, Then I can click on top of that period, then it will select vertically for all locations)?
2). But it seems very slow when number of grids increase.
3). I need zoom-in and zoom-out also (for sec view, or minute view, or hour view). Because my videos are having different duration as 5sec,or 2mins, or 1 hr
4). Also when Zoom-in & Zoom-out, how to hold selected periods? (Data structure).
NOTE: the time slot is in seconds or Minutes or Hours. It is exactly like MS Outlook.
If I want to select following time slots for a location,
01:00:00 - 01:00:05(5 sec), 09:30:00 - 09:32:45(2 mins 45 sec), 22:45:00 - 23:45:00 (1 Hr)
(I can select above time slots using the ui.seletable.js by holding Ctrl key)

Then I can add playlist the above timeslots and schedule for the location
Problem is,
by defualt scale is in hour

1. To select 1st timeslot, I need to zoom-in to sec scale
2. To select 2nd timeslot, I need to zoom out to min scale & same time, need to travel horizontally to 09.30.00
3. To select 3rd timeslot, I need to zome out to Hr scale & same time, need to travel horizontally to 22.45.00

How do I achieve the above?

Similarly, there are locations, vertically grows.
If I want, I can apply the above time slots for all locations OR I can select different time slots for each location.

If you want more detail about this issue, please ask me for more details.
Thanks