24 hour time format

I want to display the time in the week-view and in appointments in the agenda of the month view in the 24-hour time-format.

I changed the localization to "de" and the names of the days and months changed but not the time format. I set the timeFormat in the timeSlotViewSettings to "hh:mm" and it displays the time from 01:00 to 12:00 and then again from 01:00 to 12:00 instead of 13:00 to 24:00. In appointments in the agenda of the month view it displays the time like 08:00 AM - 03:00 PM instead of 08:00 - 15:00. 

Is there a way to change this? Thanks in advance.

- Sebi.


3 Replies

IR Indumathi Ravichandran Syncfusion Team June 27, 2023 07:23 AM UTC

Hi sebastin,


As per the shared information, we have checked and your requirement is “Changing the appointment time format in the Flutter Calendar”. By using the appointmentTimeTextFormat property you can change the time format of the appointment. We have UG documentation for the same. Please find the documentation from the following link.


UG link:

https://help.syncfusion.com/flutter/calendar/appointments#appointment-time-format


Also please find the UG documentation for the same.

https://support.syncfusion.com/kb/article/10365/how-to-format-the-appointment-time-in-the-flutter-calendar


Please find the pub documentation from the following link.

https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/appointmentTimeTextFormat.html


We hope that this helps you. Please let us know if you need further assistance.


Regards,

Indumathi R



SE Sebi replied to Indumathi Ravichandran June 29, 2023 01:47 PM UTC

Thank you very much,

I was able to change the time format for Appointments, but the time format of the timeline in the CalendarView.week view is still in AM-PM format.

How can I change that?

Sebi.




IR Indumathi Ravichandran Syncfusion Team June 30, 2023 05:02 AM UTC

Hi sebastin,


By using the timeFormat property of the timeSlotViewsettings in the calendar, you can customize the format of the time in the timeslot views. We have a UG and KB documentation for the same. Please find the documentation from the following link.


UG link:

https://help.syncfusion.com/flutter/calendar/timeslot-views#time-text-formatting


KB link:

https://support.syncfusion.com/kb/article/9586/how-to-customize-the-time-label-in-the-flutter-calendar


We hope that this helps you. Please let us know if you need further assistance.


Regards,

Indumathi R


Loader.
Up arrow icon