JavaScript | Set Date Methods

Last Updated : 01 Mar, 2019

There are various methods to set the date in JavaScript. The data values can be set like years, months, days, hours, minutes, seconds, milliseconds for a Date Object.

Method:

setDate(): It is used to set the day as a number (1-31).
setFullYear(): It is used to set the year (optionally month and day).
setHours(): It is used to set the hour (0-23).
setMilliseconds(): It is used to set the milliseconds (0-999).
setMinutes(): It is used to set the minutes (0-59).
setMonth(): It is used to set the month (0-11).
setSeconds(): It is used to set the seconds (0-59).
setTime(): It is used to set the time.

The setSeconds() Method: The setSeconds() method sets the seconds of a date object (0-59).

Example:

<!DOCTYPE html>
<html>
  
<head> 
    <title>
        JavaScript setSeconds() method
    </title>
</head> 
  
<body style="text-align:center;">
  
    <h1>GeeksForGeeks</h1>
          
    <h2>JavaScript setSeconds()</h2>
  
    <p id="GFG"></p>
      
    <!-- Script to use setSeconds method -->
    <script>
        var d = new Date();
        d.setSeconds(22);
        document.getElementById("GFG").innerHTML = d;
    </script>
</body>
  
</html>                    

Output:

The setMinutes() Method: The setMinutes() method sets the minutes of a date object (0-59).

Example:

<!DOCTYPE html>
<html>
  
<head> 
    <title>
        JavaScript setMinutes() method
    </title>
</head> 
  
<body style="text-align:center;">
  
    <h1>GeeksForGeeks</h1>
          
    <h2>JavaScript setMinutes()</h2>
  
    <p id="GFG"></p>
      
    <!-- Script to use setMinutes method -->
    <script>
        var d = new Date();
        d.setMinutes(2);
        document.getElementById("GFG").innerHTML = d;
    </script>
</body>
  
</html>                    

Output:

The setHours() Method: The setHours() method sets the hours of a date object (0-23).

Example:

<!DOCTYPE html>
<html>
  
<head> 
    <title>
        JavaScript setHours() method
    </title>
</head> 
  
<body style="text-align:center;">
  
    <h1>GeeksForGeeks</h1>
          
    <h2>JavaScript setHours()</h2>
  
    <p id="GFG"></p>
      
    <!-- Script to use setHours() method -->
    <script>
        var d = new Date();
        d.setHours(2);
        document.getElementById("GFG").innerHTML = d;
    </script>
</body>
  
</html>                    

Output:

The setDate() Method: The setDate() method in JavaScript is used to set the day of a date object (1-31).

Example:

<!DOCTYPE html>
<html>
  
<head> 
    <title>
        JavaScript setDate() method
    </title>
</head> 
  
<body style="text-align:center;">
  
    <h1>GeeksForGeeks</h1>
          
    <h2>JavaScript setDate()</h2>
  
    <p id="GFG"></p>
      
    <!-- Script to use setDate method -->
    <script>
        var d = new Date();
        d.setDate(5);
        document.getElementById("GFG").innerHTML = d;
    </script>
</body>
  
</html>                    

Output:

The setFullYear() Method: The setFullYear() method in JavaScript is used to set the year of a date object.

Example:

<!DOCTYPE html>
<html>
  
<head> 
    <title>
        JavaScript setFullYear() method
    </title>
</head> 
  
<body style="text-align:center;">
  
    <h1>GeeksForGeeks</h1>
          
    <h2>JavaScript setFullYear()</h2>
  
    <p id="GFG"></p>
      
    <!-- Script to use setFullYear method -->
    <script>
        var d = new Date();
        d.setFullYear(2020);
        document.getElementById("GFG").innerHTML = d;
    </script>
</body>
  
</html>                    

Output:

The setMonth() Method: The setMonth() method in JavaScript is used to set the month of a date object (0-11).

Example:

<!DOCTYPE html>
<html>
  
<head> 
    <title>
        JavaScript setMonth() method
    </title>
</head> 
  
<body style="text-align:center;">
  
    <h1>GeeksForGeeks</h1>
          
    <h2>JavaScript setMonth()</h2>
  
    <p id="GFG"></p>
      
    <!-- Script to use setMonth method -->
    <script>
        var d = new Date();
        d.setMonth(5);
        document.getElementById("GFG").innerHTML = d;
    </script>
</body>
  
</html>                    

Output:

My Personal Notes

Related Articles