Convert Date from String to Date Javascript

Question

I tried the following code

var parts ='2014-04-03'.split('-');
    // Please pay attention to the month (parts[1]); JavaScript counts months from 0:
    // January - 0, February - 1, etc.
    var mydate = new Date(+parts[0], +parts[1] - 1, +parts[2]); 
    console.log(mydate);

However, the result is

2014-04-02T17:00:00:000Z

I wonder why the result is not 2014-04-03

Thanks

"By default, JavaScript will use the browser's time zone and display a date as a full text string" from w3schools.com/js/js_dates.asp — Fabien Greard
– Fabien Greard, Commented Dec 18, 2018 at 9:01
Because the values are treated as local. If you want UTC, use new Date(Date.UTC(...)). — RobG
– RobG, Commented Dec 18, 2018 at 9:06
@FabienGreard—that isn't necessarily correct as the OP shows. Please don't reference w3schools, ECMA-262 and MDN are better. :-) — RobG
– RobG, Commented Dec 18, 2018 at 9:30
@RobG I don't like w3schools either as a source of truth, however I like the way they simplify things — Fabien Greard
– Fabien Greard, Commented Dec 18, 2018 at 9:35

bbsimonbb · Accepted Answer · 2018-12-18 10:00:42Z

1

Beware, javascript can sneak in the local timezone both when you create a date, and when you serialize it. The code shown, new Date(int,int,int), creates a date object representing local midnight for the year/month/day specified.

YYYY-MM-DD dates can be parsed exactly as they are. Just do new Date('2014-04-03'). This gives you a midnight UTC date object which is exactly what you want.

Then you need to be a bit careful with the methods used when formatting (serializing), more details at the link above.

var myDate = new Date('2014-04-03')
console.log(myDate.toLocaleDateString("fr",{timezone:"UTC"}))

edited Dec 18, 2018 at 10:00

answered Dec 18, 2018 at 9:17

bbsimonbb

29.3k18 gold badges92 silver badges129 bronze badges

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

Comments

Nikos M. · Accepted Answer · 2018-12-18 10:50:52Z

0

Use Date.UTC as it treats dates in UTC format discarding local timezone and daylight saving time.

var parts ='2014-04-03'.split('-');
// Please pay attention to the month (parts[1]); JavaScript counts months from 0:
// January - 0, February - 1, etc.
var mydate = new Date(Date.UTC(+parts[0], +parts[1] - 1, +parts[2])); 
console.log(mydate);

edited Dec 18, 2018 at 10:50

answered Dec 18, 2018 at 9:53

Nikos M.

8,3934 gold badges41 silver badges45 bronze badges

4 Comments

RobG Over a year ago

Wow. new Date(Date.UTC(parts[0], parts[1]-1, parts[2])) is all that's required, the charAt stuff is remarkable convolution and completely unnecessary. ;-)

Nikos M. Over a year ago

@RobG, I added it so as to be correctly transformed to int as it might contain "0" characters in start of string. But one may not use it. I think it is better to handle it explicitly

RobG Over a year ago

Leading zeros were an issue with parseInt in some implementations compliant with ECMA-262 ed 3 (1999). This code doesn't use parseInt and if it did, using a radix of 10 avoids it, explicitly. The internal conversion to number using ToNumber also explicitly addresses the conversion issue, as does the use of unary + (which is redundant), both of which always use a radix of 10. If you want to manually handle the conversion, you should check the result before using it, otherwise the manual conversion is pointless.

Nikos M. Over a year ago

@RobG, I agree, you are correct. But better safe than sorry. personaly I prefer to ahndle explicitly for a number of reasons. One being that I am not sure what will the platform the code is going to be executed. But as I said, one can skip this step. it is my personal style to handle explicitly if uncertain

RobG · Accepted Answer · 2018-12-18 11:03:13Z

0

You can use one Javascript function to convert date to required 'yyyy-MM-dd' format. Below is code snippet.

function DateToStr(date, format) {
  let z = {
    y: date.getFullYear(),
    M: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    m: date.getMinutes(),
    s: date.getSeconds()
  };
  return format.replace(/(y+|M+|d+|h+|m+|s+)/g, v => ('0' + z[v.slice(-1)]).slice(-v.length));
}

var parts = '2014-04-03'.split('-');
var mydate = new Date(parts[0], parts[1] - 1, parts[2]);
var a = DateToStr(mydate, 'yyyy-MM-dd')

console.log(a);

edited Dec 18, 2018 at 11:03

RobG

148k32 gold badges180 silver badges216 bronze badges

answered Dec 18, 2018 at 9:50

Nirav Patel

638 bronze badges

2 Comments

RobG Over a year ago

This doesn't answer the question. Any solution using eval needs a seriously good reason to do so. Using it for a simple parser is totally unnecessary. new Date(mydate) is redundant, it just creates a new Date that has an identical time value to the original. When passing more than one parameter, using parseInt is redundant as the Date constructor calls ToNumber on each argument.

Nirav Patel Over a year ago

Hi RobG, You are right about using parseInt() into my code. I have updated my code. Please look into it. It will provide you required output now. Thanks

Collectives™ on Stack Overflow

Convert Date from String to Date Javascript

3 Answers 3

Comments

4 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related