How to customize the limit of choice on event time?

Scheduler Javascript
#1

By the following js lines, I’m able to limit the choice of event start time and end time to 8:00 and 22:00 respectively, and every event will start from 00 to 00.

scheduler.config.first_hour = 8;
scheduler.config.last_hour = 22;
scheduler.config.time_step = 60;
scheduler.config.limit_time_select = true;

cal_start_time.png606×597 11.5 KB


cal_end_time.png600×594 12 KB

But what if I want to limit the start time at the middle of an hour and end at 20 minutes of an hour? Say, all event must start from X:30 and end at X:20.

Any suggestions on the way to achieve this?

#2

Custom time section is the only solution, you can copy existing code from source files, alter time-selectors and use it as new time section.

#3

How and where should I start modifying codes to suit my needs?

By “source files” do you mean the .js files of dhtmlxscheduler?

#4

Hello,

Yes.

You can create new js file, code your section there and include it on your site.
The existing implementation of the time section could be found in lightbox.js file.

Kind regards,
Ilya