JS Tutorial
JS Version
JS Objects
JS Function
JS Classes
JS Async
JS HTML DOM
JS Browser BOM
JS Web API
JS AJAX
JS JSON
JS vs JQUERY
JS Graphics
JavaScript Get Date Methods
The getTime() Method
The getTime() method is used to return the number of milliseconds since January 1, 1970:
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getTime()</h2>
<p>The internal clock in JavaScript counts from midnight January 1, 1970.</p>
<p>The getTime() function returns the number of milliseconds since then:</p>
<p id=”demo”></p>
<script>
const d = new Date();
document.getElementById(“demo”).innerHTML = d.getTime();
</script>
</body>
</html>
Output
JavaScript getTime()
The internal clock in JavaScript counts from midnight January 1, 1970.
The getTime() function returns the number of milliseconds since then:
1657257332404The getFullYear() Method
The getFullYear() method returns the year of a date as a four digit number:
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getFullYear()</h2>
<p>The getFullYear() method returns the full year of a date:</p>
<p id=”demo”></p>
<script>
const d = new Date();
document.getElementById(“demo”).innerHTML = d.getFullYear();
</script>
</body>
</html>
Output
JavaScript getFullYear()
The getFullYear() method returns the full year of a date:
2022The getMonth() Method
The getMonth() method is used to return the month of a date as a number (0-11):
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getMonth()</h2>
<p>The getMonth() method returns the month of a date as a number from 0 to 11.</p>
<p>To get the correct month, you must add 1:</p>
<p id=”demo”></p>
<script>
const d = new Date();
document.getElementById(“demo”).innerHTML = d.getMonth() + 1;
</script>
</body>
</html>
Output
JavaScript getMonth()
The getMonth() method returns the month of a date as a number from 0 to 11.
To get the correct month, you must add 1:
7To use an array of names, and getMonth() to return the month as a name:
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getMonth()</h2>
<p>The getMonth() method returns the month as a number.</p>
<p>You can use an array to display the name of the month:</p>
<p id=”demo”></p>
<script>
const months = [“January”,”February”,”March”,”April”,”May”,”June”,”July”,”August”,”September”,”October”,”November”,”December”];
const d = new Date();
let month = months[d.getMonth()];
document.getElementById(“demo”).innerHTML = month;
</script>
</body>
</html>
Output
JavaScript getMonth()
The getMonth() method returns the month as a number.
You can use an array to display the name of the month:
JulyThe getDate() Method
The getDate() method is used to returns the day of a date as a number (1-31):
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDate()</h2>
<p>The getDate() method returns the day of a date as a number (1-31):</p>
<p id=”demo”></p>
<script>
const d = new Date();
document.getElementById(“demo”).innerHTML = d.getDate();
</script>
</body>
</html>
Output
JavaScript getDate()
The getDate() method returns the day of a date as a number (1-31):
8The getHours() Method
The getHours() method is used to return the hours of a date as a number (0-23):
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getHours()</h2>
<p>The getHours() method returns the hours of a date as a number (0-23):</p>
<p id=”demo”></p>
<script>
const d = new Date();
document.getElementById(“demo”).innerHTML = d.getHours();
</script>
</body>
</html>
Output
JavaScript getHours()
The getHours() method returns the hours of a date as a number (0-23):
23The getMinutes() Method
The getMinutes() method is used the minutes of a date as a number (0-59):
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getMinutes()</h2>
<p>The getMinutes() method returns the minutes of a date as a number (0-59):</p>
<p id=”demo”></p>
<script>
const d = new Date();
document.getElementById(“demo”).innerHTML = d.getMinutes();
</script>
</body>
</html>
Output
JavaScript getMinutes()
The getMinutes() method returns the minutes of a date as a number (0-59):
51The getSeconds() Method
The getSeconds() method is used to return the seconds of a date as a number (0-59):
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getSeconds()</h2>
<p>The getSeconds() method returns the seconds of a date as a number (0-59):</p>
<p id=”demo”></p>
<script>
const d = new Date();
document.getElementById(“demo”).innerHTML = d.getSeconds();
</script>
</body>
</html>
Output
JavaScript getSeconds()
The getSeconds() method returns the seconds of a date as a number (0-59):
4The getMilliseconds() Method
The getMilliseconds() method returns the milliseconds of a date as a number (0-999):
Example
<html>
<body>
<h2>JavaScript getMilliseconds()</h2>
<p>The getMilliseconds() method returns the milliseconds of a date as a number (0-999):</p>
<p id=”demo”></p>
<script>
const d = new Date();
document.getElementById(“demo”).innerHTML = d.getMilliseconds();
</script>
</body>
</html>
Output
JavaScript getMilliseconds()
The getMilliseconds() method returns the milliseconds of a date as a number (0-999):
528The getDay() Method
The getDay() method returns the weekday of a date as a number (0-6):
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDay()</h2>
<p>The getDay() method returns the weekday as a number:</p>
<p id=”demo”></p>
<script>
const d = new Date();
document.getElementById(“demo”).innerHTML = d.getDay();
</script>
</body>
</html>
Output
JavaScript getDay()
The getDay() method returns the weekday as a number:
5To use an array of names, and getDay() to return the weekday as a name:
Example
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript getDay()</h2>
<p>The getDay() method returns the weekday as a number.</p>
<p>You can use an array to display the name of the weekday:</p>
<p id=”demo”></p>
<script>
const days = [“Sunday”,”Monday”,”Tuesday”,”Wednesday”,”Thursday”,”Friday”,”Saturday”];
const d = new Date();
let day = days[d.getDay()];
document.getElementById(“demo”).innerHTML = day;
</script>
</body>
</html>
Output
JavaScript getDay()
The getDay() method returns the weekday as a number.
You can use an array to display the name of the weekday:
Friday