This is a migrated thread and some comments may be shown as answers.

24 hour time format kendo scheduler

12 Answers 706 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Pedro
Top achievements
Rank 1
Pedro asked on 15 Sep 2015, 07:44 PM

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!

12 Answers, 1 is accepted

Sort by
0
Vladimir Iliev
Telerik team
answered on 17 Sep 2015, 06:48 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Pedro
Top achievements
Rank 1
answered on 17 Sep 2015, 03:24 PM
Yes sir, i have attached a picture with what i would like to change. Thank you very much.
0
Accepted
Vladimir Iliev
Telerik team
answered on 18 Sep 2015, 06:01 AM
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:

Regards,
Vladimir Iliev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Pedro
Top achievements
Rank 1
answered on 15 Oct 2015, 05:07 PM
Thank you sir, i was able to modify the majorTimeHeaderTemplate string
0
sroussos
Top achievements
Rank 2
answered on 06 Sep 2016, 06:51 AM
i was able to modify the majorTimeHeaderTemplate string, looks nice, but not on agenda view... Any thoughts? Or should I file a bug?
0
sroussos
Top achievements
Rank 2
answered on 06 Sep 2016, 07:26 AM
Ignore prv message, I found that need to modify the eventTimeTemplate inside views. 
0
Sameem
Top achievements
Rank 1
answered on 29 Sep 2016, 12:02 AM

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

0
Vladimir Iliev
Telerik team
answered on 29 Sep 2016, 06:50 AM
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
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
sroussos
Top achievements
Rank 2
answered on 29 Sep 2016, 07:00 AM

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>") }]

0
Vladimir Iliev
Telerik team
answered on 30 Sep 2016, 05:28 AM
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
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Mark
Top achievements
Rank 1
answered on 12 Feb 2020, 02:18 PM
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
0
Stefan
Telerik team
answered on 14 Feb 2020, 08:39 AM

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Scheduler
Asked by
Pedro
Top achievements
Rank 1
Answers by
Vladimir Iliev
Telerik team
Pedro
Top achievements
Rank 1
sroussos
Top achievements
Rank 2
Sameem
Top achievements
Rank 1
Mark
Top achievements
Rank 1
Stefan
Telerik team
Share this question
or