Two weeks (starting with Sun/Mon) - use type: 'week' and size: 2.Rolling two weeks - use type: 'day' and size: 14.From that point on you can navigate forward and backward. The refDate serves as the start of the reference range. Is today by default, but it can be set to any date, like the first day of the month, or the first day of the year. The reference date, controlled through the refDate option, Multiples of days, weeks and months are supported. TimeCellStep and timeLabelStep properties. In case of hourly resolution, the columns can be split to minutes (1, 5, 15, 20, 30) or merge to multiple hours (2, 3, 4, 6, 8, 12) using the Use the resolution property of the configuration object to set the unit of a timeline column, it can be Use the size property of the configuration object to set the length of the range. The timeline has four types: day, week, month and year. Learn how to create a custom event template. In the custom template/render function we can account for the offsets and print the times in the team members timezone instead of the base timezone (UTC in this example). The last thing that needed to be done is to override the event rendering with a custom template. On how to work with disabled times and how to override them take a look at this example. Besides the colored backgrounds we've also set "time off" to invalid for validation purposes. For that we are setting colored backgrounds with time labels that show the "working hours", "flex hours" and "time off". That's why we need to somehow communicate the work hours with the correct offsets so that the person doing the scheduling can easily find the best times for the meeting. To learn more about timezone management take a look at this example.īecause all resources are part of the same calendar they operate in the same timezone. This also means that the scheduler operates in this timezone set through the dataTimezone and displayTimezone options. Each team member can be in separate timezones which means we need to account for the various offsets.įirst we need to set a base timezone, which for the sake of simplicity is UTC and it is the timezone of the first resource, the meeting organizer. In this example, built with the Mobiscroll scheduler we've laid out a timeline with multiple resources that represent the teammates. Setting up meetings across multiple timezones is messy and hard task.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |