Customize the core Calendar block time format

This is a community-contributed tutorial. This tutorial is over a year old and may not apply to your version of Concrete CMS.
Feb 11, 2018

The default time format for the core Calendar block depends on the locale, but you can customize it using a custom block template. In the custom block template you can add a timeFormat property option with the time format you prefer.

Steps to customize the default calendar time format:

  • copy view.php
    concrete\blocks\calendar\view.php
  • navigate to application\blocks and create a folder called "calendar"
    application\blocks\calendar
  • inside the "calendar" folder, create a folder called "templates"
    application\blocks\calendar\templates
  • paste view.php into the "templates" folder
    application\blocks\calendar\templates\view.php
  • rename view.php to "custom_time_format.php"
    application\blocks\calendar\templates\custom_time_format.php
  • open custom_time_format.php and look for the .fullCalendar() method call
  • directly below the .fullCalendar() method call, paste in the timeFormat: 'hh:mma', option and value
  • after pasting the timeFormat option and value, the top portion of the .fullCalendar() method call should look like this

    $('div[data-calendar=<?=$bID?>]').fullCalendar({
        timeFormat: 'hh:mma',
        header: {
    
  • you can now apply the "Custom Time Format" custom block template to your Calendar block to display the custom time

Example time format values:

timeFormat: 'H(:mm)', // 22:30 or 23  
timeFormat: 'h(:mm) t', // 10:30 p or 11 p  
timeFormat: 'h(:mm)t', // 10:30p or 11p  
timeFormat: 'h:mm', // 10:30 or 11:00  
timeFormat: 'hh:mma', // 10:30pm or 11:00pm  
timeFormat: 'hh:mm a', // 10:30 pm or 11:00 pm  
timeFormat: 'hh:mmA', // 10:30PM or 11:00PM  
timeFormat: 'hh:mm A', // 10:30 PM or 11:00 PM  

Setting a timeFormat property option will affect all views.
https://fullcalendar.io/docs/text/timeFormat

The time format can also be set on a per view basis.
https://fullcalendar.io/docs/views/View-Specific-Options

Recent Tutorials
Using the Concrete Migration Tool Addon
Apr 27, 2023

How to use the Concrete CMS Migration Tool

How To Add Page Last Updated To Your Concrete CMS Pages
Mar 7, 2023

Concrete CMS has a page attribute you can add to a global area called "Page Date Modified." Here's how to add it

How To Exclude Subpages from Navigation
Dec 24, 2022

How to exclude subpages from navigation - useful for a news or blog link in your main navigation where you don't want all the subpages to appear in a drop down menu.

How Can I Change The Maximum Size Of Uploaded files
Dec 13, 2022

This tutorial explains how to update your php settings.

Updating Concrete Themes from Version 8 to Version 9
Nov 24, 2022

This tutorial covers commonly encountered issues when upgrading a Concrete CMS theme from version 8 to version 9

Transferring ownership of an add-on and a theme
Nov 15, 2022
By katzueno.

If you encounter a Concrete CMS add-on or theme that you love but not being maintained, you may want to ask the author to help or take over the add-on or theme. Here is the quick step-by-step guide of how to transfer the ownership.

Was this information useful?
Thank you for your feedback.