Angular string to string date format

Question

How I can convert string (dd/MM/yyyy) format to dd/MM/yy in Angular template.

Code:

{{ stringDate | date: 'dd/MM/yy' }}

I am getting this error in console

Unable to convert "30/08/2019" into a date' for pipe 'DatePipe'

P.S - I don't want to create custom pipe.

Possible duplicate of this. stackoverflow.com/questions/43202250/… — Bijay Yadav
– Bijay Yadav, Commented Sep 26, 2019 at 3:47
This is a vague requirement. Why don't you want to create a custom pipe? Parsing the date string in template will make your code inefficient. — 31piy
– 31piy, Commented Sep 26, 2019 at 3:51

Lucas · Accepted Answer · 2019-09-26 03:20:18Z

1

Not pretty, but this will make the pipe happy:

  {{ 
    (stringDate.split('/')[1] 
    + '/' 
    + stringDate.split('/')[0] 
    + '/' 
    + stringDate.split('/')[2])
    | date:'dd/MM/yy' 
  }}

Check the stackblitz

answered Sep 26, 2019 at 3:20

Lucas

10.4k6 gold badges45 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Wilson · Accepted Answer · 2019-09-26 01:10:35Z

0

Try changing 30/08/2019 (dd/MM/yyyy) to 08/30/2019 (MM/dd/yyyy) before passing it to the pipe.

The Pipe is expecting the first part of the date (30) to be the month and as 30 is greater than 12 then it does not know what to do.

answered Sep 26, 2019 at 1:10

Wilson

6095 silver badges16 bronze badges

Comments

Harish Nayak · Accepted Answer · 2019-09-26 03:44:18Z

0

parse the date to acceptable dateformats then use the date pipe to convert to required format you can refer the acceptable formats from here https://www.w3schools.com/js/js_date_formats.asp and to get the format as you required parse like this

new Date(parseInt(("30/08/2019").split("/")[2],10),parseInt(("30/08/2019").split("/")[1],10)-1,parseInt(("30/08/2019").split("/")[0],10))

answered Sep 26, 2019 at 3:44

Harish Nayak

3483 silver badges19 bronze badges

Collectives™ on Stack Overflow

Angular string to string date format

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related