Browser Local DateTime Time Zone Conversions

[Joel]

How do I display the Local DateTime in your control?  Razor renders everything on the Server but I need to display DateTime values in the context of the Browser's TimeZone.  Couple of scenarios:

• I want to pull the DateTime value from the browser using JavaScript and display it in your Browser. 
• I have a UTC DateTime value stored in the database but when displaying that value I need it to display in the TimeZone of the browser.
• I have a DateTime with the Offset stored in the database.  How do I display that value in the TimeZone of the broswer.

Is there some type of event that I can tie in to that could be used to call an Action on my Controller similar to your other (Grid, Hierarchy) controls that would supply the TimeZone information?

[Nikolay]

Hello Joel,

The Kendo UI Datepicker uses JavaScript Date object internally to hold the selected date value. It always uses the local (browser) timezone. This could be found explained in the following article: https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/timezones#basics

Due to this default behavior, the component will use the already converted Date value (with the applied local timezone). The DateTimePicker does not manipulate the value timezone, as it does not have sufficient information on how to do that.

The best approach here is to convert the Date strings manually before feed the DatePicker component. For instance, here is one possible approach to do that:

• http://dojo.telerik.com/EyuRA

Below I am posting two articles on the topic you may find useful:

• Showing Dates Depending on the Client Timezone
• Using UTC on Both Client and Server

Please let me know if you have any questions.

Regards,

Nikolay
Progress Telerik

[Joel]

Thanks for the thorough answer.