Format Date

Date/time formatting with individual parts, timezones, and locale support.

<rhx-format-date>

Examples

Custom Format

2025-03-15 10:30:45 March 15, 2025 10:30 AM

<rhx-format-date rhx-date="@sampleDate" rhx-format="yyyy-MM-dd" />
<rhx-format-date rhx-date="@sampleDate" rhx-format="HH:mm:ss" />
<rhx-format-date rhx-date="@sampleDate"
                 rhx-format="MMMM d, yyyy h:mm tt" />

Individual Parts

March 15, 2025 Mar 15 3/15/2025 Saturday, March 15 25

<rhx-format-date rhx-date="@sampleDate"
                 rhx-month="long" rhx-day="numeric" rhx-year="numeric" />
<rhx-format-date rhx-date="@sampleDate"
                 rhx-month="short" rhx-day="numeric" />
<rhx-format-date rhx-date="@sampleDate"
                 rhx-month="numeric" rhx-day="numeric" rhx-year="numeric" />
<rhx-format-date rhx-date="@sampleDate"
                 rhx-weekday="long" rhx-month="long" rhx-day="numeric" />
<rhx-format-date rhx-date="@sampleDate" rhx-year="2-digit" />

Time

10:30 10:30:45 AM March 15, 2025 10:30 AM

<rhx-format-date rhx-date="@sampleDate"
                 rhx-hour="2-digit" rhx-minute="2-digit" rhx-hour-format="24" />
<rhx-format-date rhx-date="@sampleDate"
                 rhx-hour="numeric" rhx-minute="2-digit"
                 rhx-second="2-digit" rhx-hour-format="12" />
<rhx-format-date rhx-date="@sampleDate"
                 rhx-month="long" rhx-day="numeric" rhx-year="numeric"
                 rhx-hour="numeric" rhx-minute="2-digit" rhx-hour-format="12" />

Timezone

6:30 19:30

<rhx-format-date rhx-date="@sampleDate"
                 rhx-timezone="America/New_York"
                 rhx-hour="numeric" rhx-minute="2-digit" rhx-hour-format="24" />
<rhx-format-date rhx-date="@sampleDate"
                 rhx-timezone="Asia/Tokyo"
                 rhx-hour="numeric" rhx-minute="2-digit" rhx-hour-format="24" />

Properties

Property	Type	Default	Description
`rhx-date`	`DateTimeOffset`	`-`	The date/time value to format
`rhx-format`	`string`	`-`	.NET format string (e.g. yyyy-MM-dd)
`rhx-weekday`	`string`	`-`	Weekday display: long, short, narrow
`rhx-year`	`string`	`-`	Year display: numeric, 2-digit
`rhx-month`	`string`	`-`	Month display: numeric, 2-digit, long, short, narrow
`rhx-day`	`string`	`-`	Day display: numeric, 2-digit
`rhx-hour`	`string`	`-`	Hour display: numeric, 2-digit
`rhx-minute`	`string`	`-`	Minute display: numeric, 2-digit
`rhx-second`	`string`	`-`	Second display: numeric, 2-digit
`rhx-hour-format`	`string`	`-`	Clock format: 12, 24
`rhx-timezone`	`string`	`-`	IANA timezone (e.g. America/New_York)