Example of Timezone in ASP.NET MVC Gantt Chart Control
This demo explains how the Gantt Chart schedules project in UTC timezone.
ID | Name | Start Date | End Date | Duration | Progress | Dependency |
---|---|---|---|---|---|---|
1 | Project schedule | 08:00 AM | 07:00 PM | 11 hours | 78 | |
2 | Planning | 08:00 AM | 02:00 PM | 6 hours | 75 | |
3 | Plan timeline | 08:00 AM | 02:00 PM | 6 hours | 60 | |
4 | Plan budget | 08:00 AM | 02:00 PM | 6 hours | 90 | |
5 | Allocate resources | 08:00 AM | 02:00 PM | 6 hours | 75 | |
6 | Planning complete | 02:00 PM | 02:00 PM | 0 hours | 0 | 3FS |
7 | Design | 02:00 PM | 07:00 PM | 5 hours | 85 | |
8 | Software specification | 02:00 PM | 05:00 PM | 3 hours | 60 | 6FS |
9 | Develop prototype | 02:00 PM | 05:00 PM | 3 hours | 100 | 6FS |
10 | Get approval from customer | 05:00 PM | 07:00 PM | 2 hours | 100 | 9FS |
11 | Design complete | 07:00 PM | 07:00 PM | 0 hours | 0 | 10FS |
Feb 04, 2019 |
---|
12:00 AM | 01:00 AM | 02:00 AM | 03:00 AM | 04:00 AM | 05:00 AM | 06:00 AM | 07:00 AM | 08:00 AM | 09:00 AM | 10:00 AM | 11:00 AM | 12:00 PM | 01:00 PM | 02:00 PM | 03:00 PM | 04:00 PM | 05:00 PM | 06:00 PM | 07:00 PM | 08:00 PM | 09:00 PM | 10:00 PM | 11:00 PM |
---|
For example, in this demo, the timezone of Gantt is set to UTC, and the task named Plan timeline
has start time as 08:00 AM
but converted based on UTC and rendered at 02.30 AM
.
When a user sets any timezone, dates are converted based on the value set to Timezone property of Gantt control.