JavaScript Date

Date in JavaScript

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>

Spread the love

Leave a Comment

Your email address will not be published. Required fields are marked *