|
15
Sun
|
16
Mon
|
17
Tue
|
18
Wed
|
19
Thu
|
20
Fri
|
21
Sat
|
|
| 9 9:00 | 00 | |||||||
| 10 10:00 | 00 | |||||||
| 11 11:00 | 00 | |||||||
| 12 12 PM | PM | |||||||
| 1 1:00 | 00 | |||||||
| 2 2:00 | 00 | |||||||
| 3 3:00 | 00 | |||||||
| 4 4:00 | 00 | |||||||
| 5 5:00 | 00 | |||||||
Scheduler that displays the time period December 15, 2024 through December 21, 2024. 15 appointments available.
In this demo, the Scheduler component displays the entire week, including non-work days, in the Week View.
To show the Week View, add the DxSchedulerWeekView component to the markup. This component includes the following settings that allow you to customize the view:
- ShowWorkTimeOnly — Specifies whether the scheduler displays only working hours.
- SnapToCellsMode — Specifies how appointments snap to time cells.
- TimeIndicatorVisibility — Specifies when to show the current time indicator.
- TimeScale — Specifies the appointment slot time interval.
- VisibleTime — Specifies the visible time interval.
- WorkTime — Specifies the working time interval.
In this demo, the ShowWorkTimeOnly property is specified to display working hours only in the scheduler.