Angular displaying the wrong date

angular asp.net-web-api entity-framework-6

Question

I have an app with an Angular 7 front end and a back-end consisting of a Microsoft Web API utilizing Entity Framework Code First connected to a sql database. I have a column with data stored as a DATE type. When I access the data using {{myDate}} it displays 2020-04-05T00:00:00Z, but if I use {{myDate | date}} it displays 4/04/20.

The first date April 5th is correct, but the second date created via the pipe is displaying April 4th.

1
2
3/18/2020 6:43:37 PM

Popular Answer

There is no issue from angular. I suspect it's because of your timezone

A timezone offset (such as '+0430'), 
or a standard UTC/GMT or continental US timezone abbreviation. 
**When not supplied, uses the end-user's local system timezone.**

Optional. Default is undefined.

For example in my case {{'2020-04-05T00:00:00Z' | date:'full'}} gives Sunday, April 5, 2020 at 2:00:00 AM GMT+02:00 and {'2020-04-05T00:00:00Z' | date:'full':'UTC'}}gives Sunday, April 5, 2020 at 12:00:00 AM GMT+00:00

I hope this helps.

Edit: full parameter will help you debug your issue better and then once you resolve it you can render something nicer to the user.

0
3/18/2020 7:26:51 PM


Related Questions





Related

Licensed under: CC-BY-SA with attribution
Not affiliated with Stack Overflow
Licensed under: CC-BY-SA with attribution
Not affiliated with Stack Overflow