In week view, could i customize time scale by day shift?

[phamphongbsnParticipant]

Hi everyone, currently I’m trying to create a lab scheduler that can be booked by day shift … for example I wanna to book lab 1 at morning, 21/01/2018 …so could i set timescale for jqx scheduler to make the view has 3 day shifts (morning 7AM – 11AM), (afternoon 1PM – 5PM) and (evening 6PM – 10PM).

THANKS!

[HristoParticipant]

Hello phamphongbsn,

You could determinate the ‘working time’ as in this demo below:
https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxscheduler/index.htm#demos/jqxscheduler/scheduler-configure-work-hours.htm
Also, you could use inner classes to customize the style that it looks. (For example: “jqx-scheduler-work-time-cell” and the opposite “jqxjqx-scheduler-not-work-time-cell“)
More details you could find in our API Documentation:
https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxscheduler/jquery-scheduler-styling-and-appearance.htm?search=sched

Another option with the “workTime” member is to determinate the work days.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[phamphongbsnParticipant]

Hi Hristo,

Thanks for your response but we may get misunderstanding here. In API said that
Object which defines the Scheduler's work time. Example: { fromDayOfWeek: 1, toDayOfWeek: 5, fromHour: 7, toHour: 19 }

So follow your understanding & API, actually, I want to set an array with 3 objects workTime like that
{ fromHour: 7, toHour: 12 } for morning
{ fromHour: 13, toHour: 17 } for afternoon
{ fromHour: 18, toHour: 22} for evening

That’s exactly what I wanna implement. Please let me know if it’s possible. Otherwise, thank you anyway.

phamphongbsn.

[phamphongbsnParticipant]

Hi Hristo,
Could you please view this mock-up. I mean when we set timescale, the scheduler will merge all hour-cell into the big one merged cell as in mockup..then we can easy to select the big cell.

[HristoParticipant]

Hello phamphongbsn,

In the workTime you could set only one object to determinate the work time. It is not possible to do it in the mentioned way.
The biggest scaling option is scale: 'hour' where the rows are split on an hour.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts