EDUCBA

Home Software Development Software Development Tutorials JavaScript Tutorial JavaScript Date parse

JavaScript Date parse

By Priya PedamkarPriya Pedamkar

JavaScript Date parse

Introduction to JavaScript Date parse

Parsing means converting one type of data to other types. For example, If we want to convert a string date to a date object, then it is said to parsing. Date Parsing purpose is whenever we get data from the third party, we don’t know that the given date in their documents is date object or date String object. So, we must perform parsing to do required actions like the comparison of dates, subtraction of dates, etc. In JavaScript, the default date is started from 1 January 1970.

How does Date Parsing work in JavaScript?

1. Create Date Object in JavaScript:

Start Your Free Software Development Course

Web development, programming languages, Software testing & others

  • new Date(): It gives a present date and time.
  • new Date(yyyy,MMM,dd,hh,mm,ss,ms): It gives you date with Year(yyyy), Month(MMM), day(dd), hours(hh), minutes(mm), seconds(ss) and milliseconds(ms) respectively.
  • new Date(ms): It gives you a date with milliseconds.
  • new Date(“Date as String”): It gives you data as String.
  • In JavaScript Date parsing work with function parse().

Syntax for Date Parsing:

<script>
var parsing = Date.parse("January 01 2020");
</script>
Note: In JavaScript by default Date object returns result in Milliseconds.

2. Parse() method in Date:

Date.parse() method takes string value to perform parsing action

Syntax:

<script>
var parsing=Date.parse("Valid date");
</script>

Examples of JavaScript Date parse

Given below are the examples of JavaScript Date parse:

Example #1 – Date parsing without time

Syntax:

<script>
var parsing=Date.parse("January 1, 2019");
</script>

Code:

<!DOCTYPE html>
<html>
<body>
<script>
function doParsing() {
var strDate="January 01, 2019";
var parse = Date.parse(strDate);
document.write(strDate+" string to date is :"+parse+"<br>");
var date = new Date(parse);
document.write("After converting String to date is :"+date.toString());
}
doParsing();
</script>
</body>
</html

Output:

JavaScript Date parse 1

Explanation:

  • Given string value January 01, 2019 to date.parse() method. It converts the string to date.
  • But as we discussed in the important note resultant date always in milliseconds. So, we get an output as 154628100000.
  • 154628100000 milliseconds from January 1, 1970. This is the base date for JavaScript.
  • Confirmation again converted milliseconds to date, got the same date we have specified in the string with Day of the week, month, date, Year Hours, Minutes, Seconds. Here GMT+0530 means Greenwich Meridian Time added by 5 hours 30 minutes. Because time is based on 0-time zone of Greenwich, India is ahead of 5 hours 30 minutes.

Example #2 – Date parsing with Time (Hours and Minutes)

Syntax:

<script>
var parsing=Date.parse("January 1, 2019 10:10 AM");
</script>

Code:

<!DOCTYPE html>
<html>
<body>
<script>
function doParsing() {
var strDate="Januray 01, 2019 10:10 AM";
var parse = Date.parse(strDate);
document.write(strDate+" string to date is :"+parse+"<br>");
var date = new Date(parse);
document.write("After converting String to date is :"+date.toString());
}
doParsing();
</script>
</body>
</html>

Output:

date parse with time

Explanation:

  • JavaScript allows the parse method with a string containing date and time (hours and minutes).
  • The date displayed in milliseconds as 15463176000000.
  • 15463176000000 Milliseconds again converted to real date format.
  • Now both string and after converting string value(date) are same.

Example #3 – Date parsing with Time (Hours and Minutes Seconds)

Syntax:

<script>
var parsing=Date.parse("January 1, 2019 10:10:10 AM");
</script>

Code:

<!DOCTYPE html>
<html>
<body>
<script>
function doParsing() {
var strDate="Januray 01, 2019 10:10:10 AM";
var parse = Date.parse(strDate);
document.write(strDate+" string to date is :"+parse+"<br>");
var date = new Date(parse);
document.write("After converting String to date is :"+date.toString());
}
doParsing();
</script>
</body>
</html>

Output:

JavaScript Date parse 3

Explanation:

  • JavaScript allows the parse method with a string containing date and time (hours and minutes seconds).
  • The date displayed in milliseconds as 15463176100000.
  • 15463176100000 Milliseconds again converted to real date format.
  • Now both string and after converting string value(date) are the same.

Example #4 – Date and Time with UTC format Parsing

Syntax:

<script>
var parsing=Date.parse("January 1, 2019 10:10:10 UTC");
</script>

Code:

<!DOCTYPE html>
<html>
<body>
<script>
function doParsing() {
var strDate="Januray 01, 2019 10:10:10 UTC";
var parse = Date.parse(strDate);
document.write(strDate+"=UTC string to date is :"+parse+"<br>");
var date = new Date(parse);
document.write("After converting String to date is :"+date.toString());
}
doParsing();
</script>
</body>
</html>

Output:

UTC format passing

Explanation:

  • JavaScript allows the parse method with a string containing date and time (hours and minutes seconds) by the UTC time zone.
  • The date displayed in milliseconds as
  • 15463374100000 Milliseconds again converted to real date format.
  • Now both string and after converting string value(date) are not the same. Because of Indian standard time always 5 and half hours ahead of UTC (Universal Time Coordinates).

Example #5 – Invalid Date String parsing

Syntax:

<script>
var parsing=Date.parse("Date");
</script>

Code:

<!DOCTYPE html>
<html>
<body>
<script>
function doParsing() {
var strDate="Date";
var parse = Date.parse(strDate);
document.write("String output date is =>"+parse);
}
doParsing();
</script>
</body>
</html>

Output:

String Output Date

Explanation:

  • Bypassing invalid date string “Date”, If we are trying to parse the Date string, JavaScript Engine gives the output as Not a Number(NaN).
Note: We can also pass negative milliseconds value in Date() class. Negative milliseconds value indicates go back to the date from 1 January 1970.

Syntax:

<script>
var backdate=new Date(-100000000000)
</script>

Conclusion

We can parse any string value format with DD-MM-YYYY HH:MM:SS or MM-DD-YYYY HH:MM:SS or MMM DD, YYYY HH:MM:SS to the corresponding date and time from any format like UTC, MST, etc.

Recommended Articles

This is a guide to JavaScript Date parse. Here we discuss the basic concept, how does date parsing work in JavaScript? and examples. You may also have a look at the following articles to learn more –

  1. JavaScript Date Formats
  2. Features of JavaScript
  3. JavaScript String replace
  4. JavaScript Compare Strings
0 Shares
Share
Tweet
Share
quiz