/TypeScript/Angular date pipe 24 hour format

Angular date pipe 24 hour format

Angular date formats

'short': equivalent to 'M/d/yy, h:mm a' (6/15/15, 9:03 AM).
'medium': equivalent to 'MMM d, y, h:mm:ss a' (Jun 15, 2015, 9:03:01 AM).
'long': equivalent to 'MMMM d, y, h:mm:ss a z' (June 15, 2015 at 9:03:01 AM GMT+1).
'full': equivalent to 'EEEE, MMMM d, y, h:mm:ss a zzzz' (Monday, June 15, 2015 at 9:03:01 AM GMT+01:00).
'shortDate': equivalent to 'M/d/yy' (6/15/15).
'mediumDate': equivalent to 'MMM d, y' (Jun 15, 2015).
'longDate': equivalent to 'MMMM d, y' (June 15, 2015).
'fullDate': equivalent to 'EEEE, MMMM d, y' (Monday, June 15, 2015).
'shortTime': equivalent to 'h:mm a' (9:03 AM).
'mediumTime': equivalent to 'h:mm:ss a' (9:03:01 AM).
'longTime': equivalent to 'h:mm:ss a z' (9:03:01 AM GMT+1).
'fullTime': equivalent to 'h:mm:ss a zzzz' (9:03:01 AM GMT+01:00).

Source: angular.io

Angular date pipe

// In Angular 
// Html
<p>{{myDate | date: 'dd-MM-yyyy'}}</p>
// Typescript
myDate: Date = new Date();

Angular date pipe 24 hour format

{{ todayDate | date: 'dd/MM/yyyy HH:mm'}} :  equivalent to (23/12/2020, 15:03).

Similar codes

0 vote127 views1 answer
Elements without corner css
TypeScript
0 vote123 views1 answer
Rewrite requests htaccess
TypeScript
1 vote156 views1 answer
Type annotations can only be used in TypeScript files.
TypeScript
5 votes141 views2 answers
Python create package ros
TypeScript
2 votes147 views1 answer
Prettier eslint typescript
TypeScript
0 vote142 views1 answer
Pptxgenjs bullet
TypeScript
0 vote139 views2 answers
--skip tests generate components - Angular 12 - skip-tests vs spec-false
TypeScript
0 vote139 views1 answer
Create an object bottle that has a property that is an object: cap. cap can have properties like material: 'metal' or 'plastic', color: blue or white etc. Log one of the properties of that inner object.
TypeScript
0 vote127 views1 answer
React/Typescript Storybook not allowing objects to be imported
TypeScript
1 vote197 views1 answer
Ts date get minutes
TypeScript