Date Filter Introduction
Description
We can format a date value with date filter for a certain format style.
The date formatter has several built-in options.
If no date format is passed, it defaults to mediumDate
.
Format
Here are the built-in localizable formats:
{{ today | date:'medium' }} {{ today | date:'short' }} {{ today | date:'fullDate' }} {{ today | date:'longDate' }} {{ today | date:'mediumDate' }} {{ today | date:'shortDate' }} {{ today | date:'mediumTime' }} {{ today | date:'shortTime' }}
Year Formatting
Four-digit year: {{ today | date:'yyyy' }} Two-digit padded year: {{ today | date:'yy' }} One-digit year: {{ today | date:'y' }}
Month Formatting
Month in year: {{ today | date:'MMMM' }} Short month in year: {{ today | date:'MMM' }} Padded month in year: {{ today | date:'MM' }} Month in year: {{ today | date:'M' }}
Day Formatting
Padded day in month: {{ today | date:'dd' }} Day in month: {{ today | date:'d' }} Day in week: {{ today | date:'EEEE' }} Short day in week: {{ today | date:'EEE' }}
Hour Formatting
Padded hour in day: {{ today | date:'HH' }} Hour in day: {{ today | date:'H' }} Padded hour in am/pm: {{ today | date:'hh' }} Hour in am/pm: {{ today | date:'h' }}
Minute Formatting
Padded minute in hour: {{ today | date:'mm' }} Minute in hour: {{ today | date:'m' }}
Second Formatting
Padded second in minute: {{ today | date:'ss' }} Second in minute: {{ today | date:'s' }} Padded millisecond in second: {{ today | date:'.sss' }}
String Formatting
am/pm character: {{ today | date:'a' }} 4-digit time zone offset: {{ today | date:'Z' }}
Custom date formatting
{{ today | date:'MMM d, y' }} {{ today | date:'EEEE, d, M' }} {{ today | date:'hh:mm:ss.sss' }}