Unable to set date in Angular material datepicker

Question

I have a date which is fetched from the backed as 30-10-2019 (DD-MM-YYYY) format. I am trying to get this date to be displayed in angular material datepicker but its not displaying the date.

I tried moment and used moment (this.myDate).format('YYYY-MM-DD').toString(); What am I missing? Any other method (without using moment) is also fine.

Welcome to SO. Provide the code what you tried with minimal-reproducible-example — Allabakash
– Allabakash, Commented Oct 30, 2019 at 15:02
I have tried moment(this.myDate).format('YYYY-MM-DD').toString(); — Yogesh Mali
– Yogesh Mali, Commented Oct 30, 2019 at 15:04
Hey Paul, yeah but I am not able to get it to show in the datepicker using angular binding. I have a date which is in DD-MM-YYYY format and I need to display it in the datepicker. If I have a date as "Wed Oct 30 2019 20:44:26 GMT+0530 (India Standard Time)", it gets displayed, not not 30-10-2019 — Yogesh Mali
– Yogesh Mali, Commented Oct 30, 2019 at 15:15

Shankarlal D · Accepted Answer · 2019-11-02 06:01:51Z

1

try this

this.date = new Date(this.myDate);

answered Nov 2, 2019 at 6:01

Shankarlal D

1831 silver badge7 bronze badges

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

Comments

Allabakash · Accepted Answer · 2019-10-30 15:17:26Z

0

you need pass the date format to moment like below and assign that to your formControl or ngModel. Assuming your ngModel is date then code will be

this.date = moment(this.myDate, 'DD-MM-YYYY');

Here is the working example : https://stackblitz.com/edit/angular-w9szcc.

Hope this helps.

answered Oct 30, 2019 at 15:17

Allabakash

2,0371 gold badge12 silver badges16 bronze badges

6 Comments

Yogesh Mali Over a year ago

Hey Allabakash, thanks for your help. I did this.startDate = moment(data.startDate, 'DD-MM-YYYY').toISOString(); and it worked but its displaying the date in MM/DD/YYY format.

Allabakash Over a year ago

In the attached code link, there is config with name MY_FORMATS, just change format of dateInput inside display object to the format you wanted to see.

Yogesh Mali Over a year ago

Sorry but it did not work, the format is correct, although I tried changing it but it did not work.

Allabakash Over a year ago

did you change MY_FORMATS ? In the code link stackblitz.com/edit/angular-w9szcc. Date format is showing as DD-MM-YYYY only . What format you are expecting ?

Yogesh Mali Over a year ago

I am expecting DD-MM-YYYY. MY_FORMATS has DD-MM-YYYY so I dont think I have to change it. Here is what I have:

|

Collectives™ on Stack Overflow

Unable to set date in Angular material datepicker

2 Answers 2

Comments

6 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Related