I am developing in Angular 6. I keep form values as json in a database when new record is saved.If end user wants to show exists record , I fill form ponents from json data.But I got into trouble for casting date values . I wasn't be able to cast correctly my local date. I have tried with moment,but didn't work:

console.log("string Value",stringValue);
let date = moment(stringValue,"yyyy-mm-ddThh:mm:ss.fffZ");                             
console.log("date",date.format('DD/MM/YYY HH:mm:ss'));

string Value output: 2019-01-17T21:00:00.000Z

console output actual : date 18/01/2019 01:00:00

but console output expected : date 18/01/2019 00:00:00

I tried "YYYY-MM-DDThh:mm:ss.fffZ" but didn't work too.

EXTRA INFORMATION

saving data:

process.data = JSON.stringify(this.form.getRawValue());
save(process);

html(primeng):

<p-calendar formControlName="startDate" dateFormat="dd.mm.yy"></p-calendar>

I am developing in Angular 6. I keep form values as json in a database when new record is saved.If end user wants to show exists record , I fill form ponents from json data.But I got into trouble for casting date values . I wasn't be able to cast correctly my local date. I have tried with moment,but didn't work:

console.log("string Value",stringValue);
let date = moment(stringValue,"yyyy-mm-ddThh:mm:ss.fffZ");                             
console.log("date",date.format('DD/MM/YYY HH:mm:ss'));

string Value output: 2019-01-17T21:00:00.000Z

console output actual : date 18/01/2019 01:00:00

but console output expected : date 18/01/2019 00:00:00

I tried "YYYY-MM-DDThh:mm:ss.fffZ" but didn't work too.

EXTRA INFORMATION

saving data:

process.data = JSON.stringify(this.form.getRawValue());
save(process);

html(primeng):

<p-calendar formControlName="startDate" dateFormat="dd.mm.yy"></p-calendar>

• javascript
• typescript
• momentjs
• primeng-calendar

• Which time zone are you in? – str Commented Jan 18, 2019 at 9:07
• @str GMT+03:00 Istanbul – Adem Aygun Commented Jan 18, 2019 at 9:11
• Did you check the time zone settings of your puter? Maybe it is caused by a wrong DST configuration. What browser / OS version are you using? – str Commented Jan 18, 2019 at 9:30

2 Answers 2

You can parse your '2019-01-17T21:00:00.000Z' input using moment.utc() since it represents time in UTC

By default, moment parses and displays in local time.

If you want to parse or display a moment in UTC, you can use moment.utc() instead of moment().

and then convert it to local timezone using local().

Here a live sample:

const stringValue = '2019-01-17T21:00:00.000Z';
let date = moment.utc(stringValue).local();
console.log("date", date.format('DD/MM/YYYY HH:mm:ss'));

<script src="https://cdnjs.cloudflare./ajax/libs/moment.js/2.23.0/moment.min.js"></script>

The moment-timezone library was built to "parse and display dates in any timezone".

To construct a date-time object in a specific timezone, use:

let now = moment.tz('Europe/Istanbul');

To view the UTC value, use

now.toISOString()

To view the local timezone value, use:

now.format('YYYY-MM-DD HH:mm:ss.SSS');