Angular Material - Datepicker: value not recognized as a date object by DateAdapter

Question

I am trying to patch my form with the existing date object, but that date "object" is saved in Firebase as a string :

date: "2017-09-05T21:00:00.000Z"

I console.log date when I submit the form and see it appear as:

Thu Sep 28 2017 00:00:00 GMT+0300 (EEST)

So AFAIK I must convert it to that shape before patching the form. How do I do that? Especially "Thu Sep" confuses me. Also note, that I will use different languages in the Datepicker.

UPDATE:

Looks like I managed to make the Date object, but it's value is very wrong:

  const str: string[] = this.initialValue.dateFrom.split('-');
  console.log(str); // ["2017", "08", "31T21:00:00.000Z"] - correct date
  const day = str[2][0] + str[2][1];
  console.log(day); // 31 - correct

  this.initialValue.dateFrom = new Date(+day, +str[1], +str[0]);
  console.log(this.initialValue.dateFrom); // Tue Mar 09 1937 00:00:00 GMT+0200 (EET) -  not correct.

I am trying now. Maybe your method works, just need to use it correctly. I need format Thu Sep 28 2017 00:00:00 GMT+0300 (EEST) — Julius Dzidzevičius
– Julius Dzidzevičius, Commented Sep 22, 2017 at 11:42

Swoox · Accepted Answer · 2017-09-22 12:00:49Z

1

As you wish.

Change this:

  const str: string[] = this.initialValue.dateFrom.split('-');
  console.log(str); // ["2017", "08", "31T21:00:00.000Z"] - correct date
  const day = str[2][0] + str[2][1];
  console.log(day); // 31 - correct

  this.initialValue.dateFrom = new Date(+day, +str[1], +str[0]);

Into:

new date(this.initialValue.dateFrom);

answered Sep 22, 2017 at 12:00

Swoox

3,7602 gold badges23 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

Angular Material - Datepicker: value not recognized as a date object by DateAdapter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related