JavaScript Date

---

The JavaScript Date object enables us to work with dates. A date consists of a year, a month, a day, an hour, a minute, a second, and milliseconds.

Using new Date(), create a new date object with the current date and time.

---

Constructor

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

• Date()
• Date(milliseconds)
• Date(dateString)
• Date(year, month, day, hours, minutes, seconds, milliseconds)

---

Date Methods

Let’s see the list of JavaScript date methods with their 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.
  

Some of the other Date Methods are:

• 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.

---

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>

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>

---

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>

---

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>

---