Parse DateTime string in JavaScript

Question

Does anyone know how to parse date string in required format dd.mm.yyyy?

Do you want to create a new date object from a string in that format? — Kieran Hall
– Kieran Hall, Commented Oct 16, 2009 at 8:27

Dan Atkinson · Accepted Answer · 2012-06-01 14:13:45Z

139

See:

Code:

var strDate = "03.09.1979";
var dateParts = strDate.split(".");

var date = new Date(dateParts[2], (dateParts[1] - 1), dateParts[0]);

edited Jun 1, 2012 at 14:13

Dan Atkinson

11.8k14 gold badges89 silver badges116 bronze badges

answered Oct 16, 2009 at 8:19

Jonathan Fingland

57.3k11 gold badges88 silver badges79 bronze badges

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

5 Comments

Dr. No Over a year ago

mmm, but how to check strDate has a invalid value like "30.30.2000"?

Jonathan Fingland Over a year ago

@user674887, you could compare the values after parsing. e.g. dateParts[1]-1 == date.getMonth()

RolandoCC Over a year ago

If you have date both TIME like this: "2014-05-20T16:43:56.71-06:00" var partesFecha = solicitud.CreatedDate.split("T")[0].split("-"); var createdDate = new Date(partesFecha[0], (partesFecha[1] - 1), partesFecha[2]); First extract date before T and later split year, month and day.

Claudiu Creanga Over a year ago

can't believe you have to use a split to get the expected date format in javascript

NanoWizard Over a year ago

Anyone else find it odd that the Mozilla reference article on the Date object itself says

"Note: parsing of date strings with the Date constructor (and Date.parse, they are equivalent) is strongly discouraged due to browser differences and inconsistencies."

?

Chris Nolet · Accepted Answer · 2012-11-10 05:11:02Z

51

If you are using jQuery UI, you can format any date with:

<html>
    <body>
        Your date formated: <span id="date1"></span><br/>
    </body>
</html>

var myDate = '30.11.2011';
var parsedDate = $.datepicker.parseDate('dd.mm.yy', myDate);

$('#date1').text($.datepicker.formatDate('M d, yy', parsedDate));

http://jsfiddle.net/mescalito2345/ND2Qg/14/

edited Nov 10, 2012 at 5:11

Chris Nolet

9,1128 gold badges71 silver badges95 bronze badges

answered Apr 25, 2011 at 20:11

Mecalito

79511 silver badges14 bronze badges

2 Comments

djna Over a year ago

+1 I don't see as being totally out of scope, JavaScript and JQuery are a common combination.

RobG Over a year ago

An answer shouldn't rely on a library that isn't tagged or mentioned in the OP. Using jQuery as a date library is massive overkill when a 3 line function can do the same job.

Adriaan Stander · Accepted Answer · 2009-10-16 08:16:27Z

9

We use this code to check if the string is a valid date

var dt = new Date(txtDate.value)
if (isNaN(dt))

answered Oct 16, 2009 at 8:16

Adriaan Stander

167k32 gold badges294 silver badges288 bronze badges

2 Comments

Jonathan Fingland Over a year ago

the given format does not match the format required by developer.mozilla.org/en/Core_JavaScript_1.5_Reference/… (and thus that Date constructor will not suffice)

RobG Over a year ago

That doesn't test for valid dates at all, it just tests if the Date constructor can make a valid date from the input. The two aren't the same thing.

hiveer · Accepted Answer · 2014-09-30 06:52:47Z

7

refs: http://momentjs.com/docs/#/parsing/string/

If you use moment.js, you can use "string" + "format" mode

moment(String, String);
moment(String, String, String);
moment(String, String, Boolean);
moment(String, String, String, Boolean);

ex:

moment("12-25-1995", "MM-DD-YYYY");

answered Sep 30, 2014 at 6:52

hiveer

7998 silver badges18 bronze badges

1 Comment

Raptor Over a year ago

For most cases, MomentJS is an overkill, as using pure JavaScript just requires hundreds of bytes, while MomentJS is 12.4kb gzipped. Convenient for developers but slows down the website. Doesn't worth.

user3444722 · Accepted Answer · 2014-10-10 02:52:30Z

3

I'v been used following code in IE. (IE8 compatible)

var dString = "2013.2.4";
var myDate = new Date( dString.replace(/(\d+)\.(\d+)\.(\d+)/,"$2/$3/$1") );
alert( "my date:"+ myDate );

answered Oct 10, 2014 at 2:52

user3444722

311 bronze badge

Comments

Matthew Millman · Accepted Answer · 2012-04-10 08:53:30Z

2

ASP.NET developers have the choice of this handy built-in (MS JS must be included in page):

var date = Date.parseLocale('20-Mar-2012', 'dd-MMM-yyyy');

http://msdn.microsoft.com/en-us/library/bb397521%28v=vs.100%29.aspx

edited Apr 10, 2012 at 8:53

answered Apr 10, 2012 at 8:06

Matthew Millman

5125 silver badges13 bronze badges

1 Comment

Raptor Over a year ago

OP does not mention he uses ASP.NET

HotJard · Accepted Answer · 2012-08-23 15:30:32Z

2

Use Date object:

var time = Date.parse('02.02.1999');
document.writeln(time);

Give: 917902800000

answered Aug 23, 2012 at 15:30

HotJard

4,8783 gold badges40 silver badges39 bronze badges

4 Comments

Duke Over a year ago

new Date(Date.parse('02.02.1999'))

Jack Over a year ago

+1 For Duke comments on new Date(Date.parse('02.02.1999')) for Javascript

RobG Over a year ago

Returns NaN in at least two current browsers. See Why does Date.parse give incorrect results?

RobG Over a year ago

@Duke— new Date(Date.parse('02.02.1999')) will produce identical results to new Date('02.02.1999'), including Invalid Date in some browsers. Using the built–in parser is arguably the worst way to parse a timestamp.

Martin Staufcik · Accepted Answer · 2014-03-31 10:09:49Z

This function handles also the invalid 29.2.2001 date.

function parseDate(str) {
    var dateParts = str.split(".");
    if (dateParts.length != 3)
        return null;
    var year = dateParts[2];
    var month = dateParts[1];
    var day = dateParts[0];

    if (isNaN(day) || isNaN(month) || isNaN(year))
        return null;

    var result = new Date(year, (month - 1), day);
    if (result == null)
        return null;
    if (result.getDate() != day)
        return null;
    if (result.getMonth() != (month - 1))
        return null;
    if (result.getFullYear() != year)
        return null;

    return result;
}

Bachas · Accepted Answer · 2017-09-21 06:35:58Z

0

you can format date just making this type of the code.In javascript.

 // for eg.
              var inputdate=document.getElementById("getdate").value);
                 var datecomp= inputdate.split('.');

                Var Date= new Date(datecomp[2], datecomp[1]-1, datecomp[0]); 
                 //new date( Year,Month,Date)

edited Sep 21, 2017 at 6:35

answered Sep 20, 2017 at 10:53

Bachas

2436 silver badges17 bronze badges

4 Comments

Sagar Over a year ago

You're supposed to use javascript not jquery as there is no jquery tag

Bachas Over a year ago

happy ... meaning is to just understand the senario

Sagar Over a year ago

Well. I don't think your example is any different than the one given by Martin Staufcik. In fact his answer has additional logic to handle invalid dates.

Bachas Over a year ago

Martin Staufcik handle those conditions which does not occurs generally. can you give me any calendar which can give invalidates.why we should write so long code when we can handle in short way. It would me much better if Martin Staufcik also give to handle date with time to handle.

Collectives™ on Stack Overflow

Parse DateTime string in JavaScript

9 Answers 9

5 Comments

2 Comments

2 Comments

1 Comment

Comments

1 Comment

4 Comments

Comments

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

9 Answers 9

5 Comments

2 Comments

2 Comments

1 Comment

Comments

1 Comment

4 Comments

Comments

4 Comments

Linked

Related