Example of View Intervals in React Scheduler Component

All Controls

/

Schedule

/

ExtendedViews

This demo illustrates how to display n number of days, weeks and months on a single view.

More Details...

12:00 AM

1:00 AM

2:00 AM

3:00 AM

4:00 AM

5:00 AM

6:00 AM

7:00 AM

8:00 AM

9:00 AM

10:00 AM

11:00 AM

12:00 PM

1:00 PM

2:00 PM

3:00 PM

4:00 PM

5:00 PM

6:00 PM

7:00 PM

8:00 PM

9:00 PM

10:00 PM

11:00 PM

RUSSIA vs SAUDI ARABIA 12:30 PM - 2:30 PM	EGYPT vs URUGUAY 11:30 AM - 1:30 PM MOROCCO vs IR IRAN 12:30 PM - 2:30 PM PORTUGAL vs SPAIN 3:30 PM - 5:30 PM	FRANCE vs AUSTRALIA 7:30 AM - 9:30 AM ARGENTINA vs ICELAND 10:30 AM - 12:30 PM PERU vs DENMARK 1:30 PM - 3:30 PM CROATIA vs NIGERIA 3:30 PM - 5:30 PM	COSTA RICA vs SERBIA 10:30 AM - 12:30 PM GERMANY vs MEXICO 12:30 PM - 2:30 PM BRAZIL vs SWITZERLAND 3:30 PM - 5:30 PM	SWEDEN vs KOREA REPUBLIC 9:30 AM - 11:30 AM BELGIUM vs PANAMA 12:30 PM - 2:30 PM TUNISIA vs ENGLAND 3:30 PM - 5:30 PM	COLOMBIA vs JAPAN 9:30 AM - 11:30 AM POLAND vs SENEGAL 12:30 PM - 2:30 PM RUSSIA vs EGYPT 3:30 PM - 5:30 PM	PORTUGAL vs MOROCCO 9:30 AM - 11:30 AM URUGUAY vs SAUDI ARABIA 12:30 PM - 2:30 PM IR IRAN vs SPAIN 3:30 PM - 5:30 PM	DENMARK vs AUSTRALIA 10:30 AM - 12:30 PM FRANCE vs PERU 2:30 PM - 4:30 PM ARGENTINA vs CROATIA 3:30 PM - 5:30 PM	BRAZIL vs COSTA RICA 9:30 AM - 11:30 AM NIGERIA vs ICELAND 12:30 PM - 2:30 PM SERBIA vs SWITZERLAND 2:30 PM - 4:30 PM	BELGIUM vs TUNISIA 9:30 AM - 11:30 AM KOREA REPUBLIC vs MEXICO 12:30 PM - 2:30 PM GERMANY vs SWEDEN 3:30 PM - 5:30 PM	ENGLAND vs PANAMA 9:30 AM - 11:30 AM JAPAN vs SENEGAL 2:30 PM - 4:30 PM POLAND vs COLOMBIA 3:30 PM - 5:30 PM	SAUDI ARABIA vs EGYPT 11:30 AM - 1:30 PM URUGUAY vs RUSSIA 12:30 PM - 2:30 PM SPAIN vs MOROCCO 2:30 PM - 4:30 PM IR IRAN vs PORTUGAL 3:30 PM - 5:30 PM	DENMARK vs FRANCE 11:30 AM - 1:30 PM AUSTRALIA vs PERU 11:30 AM - 1:30 PM NIGERIA vs ARGENTINA 3:30 PM - 5:30 PM ICELAND vs CROATIA 3:30 PM - 5:30 PM

Description

In this demo, the interval property has been defined with different values on each view such as 3 on day view, 2 on week view and 4 on month view – so that 3 days, 2 weeks and 4 months displayed on the respective views. This property is not applicable on agenda and month agenda views.

Example of View Intervals in React Scheduler Component

All Controls / Schedule / ExtendedViews

All Controls

/

Schedule

/

ExtendedViews