Angular MD Datepicker not patching value

Question

I've been creaking my head on this issue, looking for answers but couldn't find anything.

I'm using Angular Material on my project and I'm using reactive forms. One of the fields on my form is a Datepicker, the problem is that I can't patch the value. I get the date from the db as number, for example: 1659495600000. The problem is that the field always shows blank. Do I have to convert that to something else?

private initializeForm() {
 this.userForm.controls['shippingDate'].patchValue(this.data.user.shipping.shippingDate);
}

/// The value for this (this.data.user.shipping.shippingDate) is 1659495600000 as a number.

Thanks

Can you add HTML code for the datepicker?

Ardit
– Ardit

2022-08-06 20:50:24 +00:00
Commented Aug 6, 2022 at 20:50 — Ardit
– Ardit, Commented Aug 6, 2022 at 20:50

Pedro Gonoring · Accepted Answer · 2022-08-06 20:12:45Z

0

MrRobot!

Your db return date in milliseconds, you can do converting to date and after pass the value converted. Exemple to convert your date:

var currentDate = 1659816321923;
document.write("Current date and time in milliseconds: ",currentDate);
var numDate= new Date(currentDate);
document.write("<br> Milliseconds converted to Date format: ",numDate);

edited Aug 6, 2022 at 20:12

answered Aug 6, 2022 at 20:11

Pedro Gonoring

161 bronze badge

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

1 Comment

MrRobot Over a year ago

Hey @Pedro thanks for the help, but I had already done that and nothing :/

Ardit · Accepted Answer · 2022-08-06 20:59:24Z

0

Change this line:

  this.userForm.get['shippingDate'].patchValue(this.formatDate(date));

use this function to convert date:

  private formatDate(date) {
   const d = new Date(date);
   let month = '' + (d.getMonth() + 1);
   let day = '' + d.getDate();
   const year = d.getFullYear();
   if (month.length < 2) month = '0' + month;
   if (day.length < 2) day = '0' + day;
   return [year, month, day].join('-');
  }

answered Aug 6, 2022 at 20:59

Ardit

3915 silver badges10 bronze badges

Collectives™ on Stack Overflow

Angular MD Datepicker not patching value

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related