Day incorrect in datepicker

[aceleghin]

Bug, feature request, or proposal:

When I select a date I see the correct date in the field but, when I save, the datepicker send the day before the date I have selected

here's the code:
<md-form-field> <input mdInput [(ngModel)]="fareCalendar.startDate" name="startDate" [mdDatepicker]="picker" placeholder="startDate"> <md-datepicker-toggle mdSuffix [for]="picker"></md-datepicker-toggle> <md-datepicker #picker></md-datepicker> </md-form-field>

I am using angular 4 and @angular/material": "^2.0.0-beta.10

but the date:

How can I send the UTC date

[julianobrasil]

Could you try to reproduce it here, please: https://plnkr.co/edit/8nRKSJ?p=preview ?

[aceleghin]

I just want that the date I have selected in calendar is already in UTC timezone

[julianobrasil]

That's why I'm asking you to reproduce it in the plunk. For me it's working fine, but it's possible that some bug is happening in your case:

If it's just a matter of configs, stackovervlow.com is more suitable than this channel.

[julianobrasil]

The calendar returns a javascript Date object. What you've shown in above message seems like something generated from other source (it looks like a JSON.stringify() result or maybe from a database service). To get back the Javascript Date object, you have to do (really not sure how did you get that result):

fareCalendar.startDate = new Date(fareCalendar.startDate);

[aceleghin]

If I select th date: 6/9/2017 and print it I see:
Wed Sep 06 2017 00:00:00 GMT+0200

Then I save the date in a body const body = { startDate: this.fareCalendar.startDate };
And make post request.
I am using Http client

[julianobrasil]

Oh, you may be refering to the fact that the UTC time add/subtract your current time offset. Look at the picture below: I'm in a GMT+2h00 zone, so, my UTC value is offset by 2 hours. So, if I set the hours to 23h00 in my Date object, my UTC date get offset to the day after (as in 1h00 am).

[aceleghin]

Yes, I want the date selected is already UTC, I used primeng calendar and there is a property like utc="true" that solve this.
If I select 22/9/2017 I want send: 2017-09-22T00:00:00.000Z

[julianobrasil]

Well... I really don't know if it's planned to support such a utc attribute.

cc: @mmalerba

[mmalerba]

We do plan to add support for different timezones/offsets, but its not there yet. In the mean time you could make a custom DateAdapter that works with UTC dates to accomplish this.

Here is the DateAdapter class you would have to extend:
https://github.com/angular/material2/blob/master/src/lib/core/datetime/date-adapter.ts

Some examples of existing implementations:
https://github.com/angular/material2/blob/master/src/lib/core/datetime/native-date-adapter.ts
https://github.com/angular/material2/blob/master/src/material-moment-adapter/adapter/moment-date-adapter.ts

And some documentation that may help:
https://material.angular.io/components/datepicker/overview
https://blog.angular.io/taking-advantage-of-the-angular-material-datepicker-237e80fa14b3

[we125182]

@lippomano I have the same request. Did you get any solution about it ? thank you for any suggestions.

[aceleghin]

@we125182 I write a method that manipulate every date it is not the best practice but it's simpler for me

[adaojunior]

I'm also getting a incorrect date.

[adaojunior]

I get this exact same behaviour on https://material.angular.io/components/datepicker/overview
It always adds +1 day after selected.