Convert UTC to AEST / AEDT whichever is suitable.

[Shubham]

Hi,

I have a kendo datagrid which fetches data from backend and has a date column (which is stored in the backend as UTC) .
Now I am displaying date like this in my frontend(this is one of the column in my Kendo Grid):

                    {
                        field: "createdDate",
                        title: "Created Date",
                        template:"<div class='createdDateTemplate'>#= kendo.toString(kendo.parseDate(createdDate), 'dd/MM/yyyy hh:mm tt') #</div>",
                        width: 150
                    }

We need to display the time according to AEST or AEDT whichever is being followed . Can I do that from the template itself?

I know that Kendo automaticaaly renders date time in local format something like this for me:

GMT+1000 (Australian Eastern Standard Time)

But is it possible to display this time with +10 added to time itself ?

[Georgi Denchev]

Hi, Shubham,

Yes, you can use the kendo.timezone.convert method directly inside the template.

template:"<div class='createdDateTemplate'>#= kendo.toString(kendo.timezone.convert(kendo.parseDate(createdDate), 'Etc/UTC', 'Etc/GMT+10'), 'dd/MM/yyyy hh:mm tt') #</div>",

Dojo:

https://dojo.telerik.com/@gdenchev/AbaxELIG 

You can also use the kendo.timezone.apply method to apply an offset:

// 10h = 600 minutes, offset the time by 600.
template:"<div class='createdDateTemplate'>#= kendo.toString(kendo.timezone.apply(kendo.parseDate(createdDate), 600), 'dd/MM/yyyy hh:mm tt') #</div>",

Dojo:

https://dojo.telerik.com/@gdenchev/ajADOker 

And here you can find  the available timezone abbreviations:

https://runner.telerik.io/fullscreen/unOWiyIG 

Best Regards,
Georgi Denchev
Progress Telerik