JavaScript Date Object

The JavaScript date object can be used to get year, month and day. You can display a timer on the webpage by the help of JavaScript date object.

You can use different Date constructors to create date object. It provides methods to get and set day, month, year, hour, minute and seconds.

Constructor

You can use 4 variant of Date constructor to create date object.

1. Date()
2. Date(milliseconds)
3. Date(dateString)
4. Date(year, month, day, hours, minutes, seconds, milliseconds)

JavaScript Date Methods

Let’s see the list of JavaScript date methods with their description.

Methods	Description
getDate()	It returns the integer value between 1 and 31 that represents the day for the specified date on the basis of local time.
getDay()	It returns the integer value between 0 and 6 that represents the day of the week on the basis of local time.
getFullYears()	It returns the integer value that represents the year on the basis of local time.
getHours()	It returns the integer value between 0 and 23 that represents the hours on the basis of local time.
getMilliseconds()	It returns the integer value between 0 and 999 that represents the milliseconds on the basis of local time.
getMinutes()	It returns the integer value between 0 and 59 that represents the minutes on the basis of local time.
getMonth()	It returns the integer value between 0 and 11 that represents the month on the basis of local time.
getSeconds()	It returns the integer value between 0 and 60 that represents the seconds on the basis of local time.
getUTCDate()	It returns the integer value between 1 and 31 that represents the day for the specified date on the basis of universal time.
getUTCDay()	It returns the integer value between 0 and 6 that represents the day of the week on the basis of universal time.
getUTCFullYears()	It returns the integer value that represents the year on the basis of universal time.
getUTCHours()	It returns the integer value between 0 and 23 that represents the hours on the basis of universal time.
getUTCMinutes()	It returns the integer value between 0 and 59 that represents the minutes on the basis of universal time.
getUTCMonth()	It returns the integer value between 0 and 11 that represents the month on the basis of universal time.
getUTCSeconds()	It returns the integer value between 0 and 60 that represents the seconds on the basis of universal time.
setDate()	It sets the day value for the specified date on the basis of local time.
setDay()	It sets the particular day of the week on the basis of local time.
setFullYears()	It sets the year value for the specified date on the basis of local time.
setHours()	It sets the hour value for the specified date on the basis of local time.
setMilliseconds()	It sets the millisecond value for the specified date on the basis of local time.
setMinutes()	It sets the minute value for the specified date on the basis of local time.
setMonth()	It sets the month value for the specified date on the basis of local time.
setSeconds()	It sets the second value for the specified date on the basis of local time.
setUTCDate()	It sets the day value for the specified date on the basis of universal time.
setUTCDay()	It sets the particular day of the week on the basis of universal time.
setUTCFullYears()	It sets the year value for the specified date on the basis of universal time.
setUTCHours()	It sets the hour value for the specified date on the basis of universal time.
setUTCMilliseconds()	It sets the millisecond value for the specified date on the basis of universal time.
setUTCMinutes()	It sets the minute value for the specified date on the basis of universal time.
setUTCMonth()	It sets the month value for the specified date on the basis of universal time.
setUTCSeconds()	It sets the second value for the specified date on the basis of universal time.
toDateString()	It returns the date portion of a Date object.
toISOString()	It returns the date in the form ISO format string.
toJSON()	It returns a string representing the Date object. It also serializes the Date object during JSON serialization.
toString()	It returns the date in the form of string.
toTimeString()	It returns the time portion of a Date object.
toUTCString()	It converts the specified date in the form of string using UTC time zone.
valueOf()	It returns the primitive value of a Date object.

JavaScript Date Example

Let’s see the simple example to print date object. It prints date and time both.

Current Date and Time: <span id="txt"></span>  

<script>  

var today=new Date();  

document.getElementById('txt').innerHTML=today;  

</script>

Output:

Current Date and Time: Sat Apr 27 2024 15:42:43 GMT+0500 (Pakistan Standard Time)  

Let’s see another code to print date/month/year.

<script>  

var date=new Date();  

var day=date.getDate();  

var month=date.getMonth()+1;  

var year=date.getFullYear();  

document.write("<br>Date is: "+day+"/"+month+"/"+year);  

</script>

Output:

Date is: 27/4/2024  

JavaScript Current Time Example

Let’s see the simple example to print current time of system.

Current Time: <span id="txt"></span>  

<script>  

var today=new Date();  

var h=today.getHours();  

var m=today.getMinutes();  

var s=today.getSeconds();  

document.getElementById('txt').innerHTML=h+":"+m+":"+s;  

</script>

Output:

Current Time: 15:42:43

JavaScript Digital Clock Example

Let’s see the simple example to display digital clock using JavaScript date object.

There are two ways to set interval in JavaScript: by setTimeout() or setInterval() method.

Current Time: <span id="txt"></span>  

<script>  

window.onload=function(){getTime();}  

function getTime(){  

var today=new Date();  

var h=today.getHours();  

var m=today.getMinutes();  

var s=today.getSeconds();  

// add a zero in front of numbers<10  

m=checkTime(m);  

s=checkTime(s);  

document.getElementById('txt').innerHTML=h+":"+m+":"+s;  

setTimeout(function(){getTime()},1000);  

}  

//setInterval("getTime()",1000);//another way  

function checkTime(i){  

if (i<10){  

  i="0" + i;  

 }  

return i;  

}  

</script>

Output:

Current Time: