Google News
logo
JavaScript Dates
JavaScript provides Date object to work with dates years, months, days, hours, minutes, seconds, and milliseconds.

The following example to display current date and time using Date object in JavaScript.
var dt = new Date();
 
var dt = new Date(milliseconds);
 
var dt = new Date('date string');
 
var dt = new Date(year, month[, date, hour, minute, second, millisecond]);

The following seven numeric parameters :

Argument Description
year Numeric value to represent year of a date.
month Numeric value to represent month of a date. beginning with 0 for January to 11 for December
date Numeric value to represent day of the month.
hour Numeric value to represent hour of a day (24-hour scale).
minute Numeric value to represent minute of a time segment.
second Numeric value to represent second of a time segment.
millisecond Numeric representing the millisecond segment of a time reading.
Example Programs :
<html>
<head>
<title>Javascript Dates</title>
</head>
<body>
 
<h1>Current Date</h1>
        <h4 id="c_date"></h4>
<h4 id="c_date_2"></h4>
 
<script>
 
   document.getElementById("c_date").innerHTML = Date();
   var currentDate = new Date();
   document.getElementById("c_date_2").innerHTML = currentDate;
 
</script>
 
</body>
</html>
Output :

Current Date

Create Date object by specifying different dates :
<html>
<head>
<title>Javascript Dates</title>
</head>
<body>
 
<p id="date_1"></p>
<p id="date_2"></p>
<p id="date_3"></p>
<p id="date_4"></p>
<p id="date_5"></p>
<p id="date_6"></p>
<p id="date_7"></p>
<p id="date_8"></p>
<p id="date_9"></p>
<p id="date_10"></p>
<p id="date_11"></p>
<p id="date_12"></p>
<p id="date_13"></p>
<p id="date__14"></p>
<p id="date__15"></p>
 
 
<script type="text/javascript">
 
var date1 = new Date("June 2017-29");
var date2 = new Date("June-2017-29");
var date3 = new Date("June,2017-29");
var date4 = new Date("June*2017,29");
var date5 = new Date("29 June 2017");
var date6 = new Date("29 June, 2017");
var date7 = new Date("3rd June, 2017"); // invalid date
var date8 = new Date("2017 6 June");
var date9 = new Date("6 2017 June ");
var date10 = new Date("June 29 2017");
var date11 = new Date("June 2017 29");
var date12 = new Date("6 29 2017");
var date13 = new Date("29 June 2017 18:36:27");
var date14 = new Date("6-29-2017"); // MM-dd-YYYY
var date15 = new Date("6/29/2017");
 
document.getElementById("date_1").innerHTML = date1;
document.getElementById("date_2").innerHTML = date2;
document.getElementById("date_3").innerHTML = date3;
document.getElementById("date_4").innerHTML = date4;
document.getElementById("date_5").innerHTML = date5;
document.getElementById("date_6").innerHTML = date6;
document.getElementById("date_7").innerHTML = date7;
document.getElementById("date_8").innerHTML = date8;
document.getElementById("date_9").innerHTML = date9;
document.getElementById("date_10").innerHTML = date10;
document.getElementById("date_11").innerHTML = date11;
document.getElementById("date_12").innerHTML = date12;
document.getElementById("date_13").innerHTML = date13;
document.getElementById("date__14").innerHTML = date14;
document.getElementById("date__15").innerHTML = date15;
 
 
</script>
 
</body>
</html>
Output :

Thu Jun 29 2017 00:00:00 GMT+0530 (India Standard Time)

Thu Jun 29 2017 00:00:00 GMT+0530 (India Standard Time)

Thu Jun 29 2017 00:00:00 GMT+0530 (India Standard Time)

Thu Jun 29 2017 00:00:00 GMT+0530 (India Standard Time)

Thu Jun 29 2017 00:00:00 GMT+0530 (India Standard Time)

Thu Jun 29 2017 00:00:00 GMT+0530 (India Standard Time)

Invalid Date

Tue Jun 06 2017 00:00:00 GMT+0530 (India Standard Time)

Tue Jun 06 2017 00:00:00 GMT+0530 (India Standard Time)

Thu Jun 29 2017 00:00:00 GMT+0530 (India Standard Time)

Thu Jun 29 2017 00:00:00 GMT+0530 (India Standard Time)

Thu Jun 29 2017 00:00:00 GMT+0530 (India Standard Time)

Thu Jun 29 2017 18:36:27 GMT+0530 (India Standard Time)

Thu Jun 29 2017 00:00:00 GMT+0530 (India Standard Time)

Thu Jun 29 2017 00:00:00 GMT+0530 (India Standard Time)