Customize the core Calendar block time format

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
Generate a report with author information and form summaries in Concrete CMS.
May 9, 2022

In Concrete CMS, you can use a form to initiate contact between logged-in users and then create helpful reports. After form submissions are collected, they can be searched, sorted, and exported as a spreadsheet. This tutorial will detail how to add author information to a report using the advanced search.

How to clone and customize Atomik theme
Feb 14, 2022
By linuxoid.

How to clone and customize Atomik theme

Update jQuery to 3.5 on Concrete CMS version 8.5.x
Dec 1, 2021
By hissy.

If you have to take some time to fix your site to work with version 9 and want to update jQuery immediately, you can override it.

Add-On Developers: Get Your Add-Ons Ready for Concrete CMS 9.0
Aug 6, 2021
By andrew.

Concrete CMS 9.0 is coming! But there are some changes in version 9 that might affected your add-ons and themes. This document aims to answer questions about the most common ways that your add-ons might need to be changed, and common problems you'll run into.

Permissions for editors in a multilingual site
Jun 2, 2021
By myq.

How to set up a multilingual Concrete CMS site for groups of language-specific editors

Getting Started with Doctrine in Concrete CMS
Jan 20, 2021
By linuxoid.

Doctrine is a very flexible, simple (once you get to know it better) and powerful PHP library for database interactions primarily focused on the ORM = Object Relational Mapping and DBAL = DataBase Abstraction Layer.

Was this information useful?
Thank you for your feedback.