24 hour time format kendo scheduler

[Pedro]

Hello,

i've been searching with no luck on how to display the time from 1:00pm to 13:00 on the time ruler. I am using mvc razor for my project, could you guys guide me on the right direction? Thanks!

[Vladimir Iliev]

Hi Pedro,

I'm not sure that I understand your question - could you please provide screenshot of the exact layout that you need and elaborate more on the matter?

Regards,
Vladimir Iliev
Telerik

 

 

[Pedro]

Yes sir, i have attached a picture with what i would like to change. Thank you very much.

[Vladimir Iliev]

Hi Pedro,

This format can be changed either by using different culture (more info here) on the page or by specifying the time header template option:

• majorTimeHeaderTemplate

Regards,
Vladimir Iliev
Telerik

 

 

[Pedro]

Thank you sir, i was able to modify the majorTimeHeaderTemplate string

[sroussos]

i was able to modify the majorTimeHeaderTemplate string, looks nice, but not on agenda view... Any thoughts? Or should I file a bug?

[sroussos]

Ignore prv message, I found that need to modify the eventTimeTemplate inside views. 

[Sameem]

Hi Vladimir,

I am having same issue. I want to show 13:00 instead of 1:00 pm in time rular in week/day view.

Regards

Sameem

[Vladimir Iliev]

Hello Sameem,

You can check the links in my previous reply for more information about how to achieve it. 

Regards,
Vladimir Iliev
Telerik by Progress

 

 

[sroussos]

This how I modified majorTimeHeaderTemplate 

majorTimeHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'HH:mm')#</strong>")

and this is how I dealt with agenda view

views: ['day', 'week', { type: 'agenda', selected: true, eventTimeTemplate: kendo.template("<span>#=kendo.toString(start, 'HH:mm')#</span> - <span>#=kendo.toString(end, 'HH:mm')#</span>") }]

[Vladimir Iliev]

Hi,

From the provided information it seems that you are using culture-unaware date format, which leads me to believe that the culture files of Kendo UI are not loaded. Please note that it's advisable to use culture-aware date formats and set the project culture to one that match the desired format. 

Regards,
Vladimir Iliev
Telerik by Progress

 

 

[Mark]

How would you achieve this with KendoReact?  I'm working for a government customer that wants all times shown in military time, for example 7:00PM would display as 19:00.  Thank you

[Stefan]

Hello, Mark,

This can be done using the Globalization feature and the Timezones feature:

https://www.telerik.com/kendo-react-ui/components/scheduler/globalization/

https://www.telerik.com/kendo-react-ui/components/scheduler/timezones/

Regards,
Stefan
Progress Telerik