core/common/date.pipe.ts

Docs

Description

Formats a date value according to locale rules. If no other format specified it defaults to medium used as standard date/time format.

Extends Angular's DatePipe in a way so that date values exceeding the range supported by ECMAScript are displayed as earliest/latest supported point in time printed in the desired format pre- or postfixed by the word before or after, respectively. In all other cases the pipe behaves as the standard DatePipe.

Example :

<span class="highlight">{{ deadline | c8yDate }}</span> <!-- e.g. 7 May 2020, 17:45:19 (en-GB) or 07.05.2020, 17:45:19 (de) -->
<span>{{ lastUpdated | c8yDate: 'a h:MM:ss' }}</span> <!-- e.g. pm 5:45:19 -->
<span>{{ 8640000000000000 + 1 | c8yDate }}</span> <!-- e.g. after 13 Sep 275760, 03:00:00 -->
<span>{{ timestamp | c8yDate: 'adaptiveDate' }}</span> <!-- e.g. 2:45 PM for today's date or Oct 23, 2025 for other dates -->

The adaptiveDate format type automatically selects the appropriate format based on the date:

For dates from today: Uses the shortTime format (e.g., "2:45 PM")
For all other dates: Uses the mediumDate format (e.g., "Oct 23, 2025")

Metadata

Name	c8yDate
Standalone	`true`

Description

Metadata

Relationships

Used by

Depends on

results matching ""

No results matching ""