Date Formatting - Angular

Question

I have a problem with setting the date and view it on the web page here is my code:

.ts

public lastActivitateDate = new Date('10.10.2016');

.html

{{lastActivitateDate | date : 'dd.mm.yyyy'}}

and I get on the web page: 10.00.2016

so how do I fix this problem?

Possible duplicate of [How to format date as dd/MM/yyyy in Angular 2 using pipes?](https://stackoverflow.com/questions/35754586/how-to-format-date-as-dd-mm-yyyy-in-angular-2-using-pipes) — Shashank Vivek, Jul 26 '18 at 09:55
I thought that question will surely help him figure out whats wrong. :) — Shashank Vivek, Jul 26 '18 at 10:05
Try {{ lastActivitateDate | date:'d'}}/{{ lastActivitateDate | date:'MM'}}/{{ lastActivitateDate | date:'y'}} — Aravind S, Jul 26 '18 at 10:05
@AravindS : `{{lastActivitateDate | date : 'dd.MM.yyyy'}}` is enough :) — Shashank Vivek, Jul 26 '18 at 10:06
@s66168 consider deleting your question once you have resolved your issue, as it is only helping you — , Jul 26 '18 at 10:07

score 3 · Answer 1 · answered Jul 26 '18 at 10:12

just change to MM instead of mm

mm provides minutes

MM provides months

.ts

public lastActivitateDate = new Date('10.10.2016');

.html

{{lastActivitateDate | date : 'dd.MM.yyyy'}}

you will get proper answer on your screen. If you need some more diffrent date time format go through momentjs.

momentjs provides nice and diffrent format to use date and time. Here, below is the link.

1 Answers1