Header Date Format

You can use the headerDateFormat to set the format of the date in column headers. It overrides the Calendar locale.

JavaScript

You can specify the date format in the column headers using the headerDateFormat property. It accepts a string in the format used by the DayPilot.Date.toString(pattern) method.

If the headerDateFormat property is not specified, the datePattern value of the current locale will be used.

Example:

<div id="calendar"></div>

<script>

  const calendar = new DayPilot.Calendar("calendar", {
    headerDateFormat: "dddd",  // day of week, long format (e.g. "Monday")
    // ...
  });
  calendar.init();

</script>