Time format in timeline header

1 Answer 148 Views
General Discussions Scheduler
raquel
Top achievements
Rank 1
raquel asked on 29 Jul 2022, 07:29 AM

Hi,

 

I would like yo change time format in timeline view scheduler

Is there any way to do that? I can't find any template in API reference.

 

Thanks!

1 Answer, 1 is accepted

Sort by
-1
Svet
Telerik team
answered on 03 Aug 2022, 05:55 AM

Hi Raquel,

You can use the kendoSchedulerTimeSlotTemplate to change the format of the time slots of the timeline view as demonstrated in the following article:

https://www.telerik.com/kendo-angular-ui/components/scheduler/templates/#toc-time-slots

I hope this helps.

Regards,
Svet
Progress Telerik

The Premier Dev Conference is back! 

Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.


John
Top achievements
Rank 1
commented on 22 Oct 2023, 09:22 AM

HI

i have the same issue
we have 'kendoSchedulerMajorTimeHeaderTemplate' for day-week view to change time header format
how can i achieve the same function for timeline view

Simeon
Telerik team
commented on 25 Oct 2023, 06:29 AM

Hi John,

If I understand correctly, the following slots must be formatted. Please, let me know if I am missing something.

This might be disappointing for you but currently, there isn't a template that allows modifying the demonstrated time slots. 

The good news is that there is an open feature request for such an enhancement (a vote was added on your behalf):

https://feedback.telerik.com/kendo-angular-ui/1597898-template-for-the-time-slots-of-the-timeline-view

Our team constantly monitors the customer demand for various feature requests logged in the feedback portal periodically and considers implementing them in the future, based on the interest and business value. 

In the meantime, the only way to change the format of the time is by setting a specific locale (such as Spanish), to show 24h format of the time:

https://stackblitz.com/edit/angular-duarve-m6c4cs?file=src%2Fapp%2Fapp.module.ts

or still, use the default en-US locale, but change the time format of the locale as demonstrated in the following section:

https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/loading-data/#toc-modifying-the-locale-data

Here is an example of the second approach:

https://stackblitz.com/edit/angular-rgfokh-1ouqkb?file=src%2Fapp%2Fapp.module.ts

It is important to mention that this solution is valid only for changing the time format. 

I hope this helps.

Tags
General Discussions Scheduler
Asked by
raquel
Top achievements
Rank 1
Answers by
Svet
Telerik team
Share this question
or