Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

JavaScript Date setUTCDate() Method

  • Last Updated : 27 Oct, 2021

Below is the example of Date setUTCDate() method.

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!

  • Example:




    <script>
       // Here a date has been assigned according 
       // to universal time while creating Date object
       var dateobj = 
       new Date('October 13, 1996 05:35:32 GMT-3:00');
      
       // New date 15 of the month is being set in above 
       // Date Object with the help of setDate() method
       dateobj.setUTCDate(15);
      
       // New date of the month according to universal 
       // time from above Date Object is being extracted 
       // using getDate()
       var B = dateobj.getUTCDate();
      
       // Printing new date of the month
       document.write(B);
    </script>
  • Output:
    15

The date.setUTCDate() method is used to set date of a month according to universal time into a date object which are created using the Date() constructor.

Syntax:

DateObj.setUTCDate(date_Value);

Parameter: This method accept a single parameter as mentioned above and described below:



  • date_Value This parameter holds the value of date which we want to set in the date object created using the Date() constructor.

Return Values: It returns the new i.e updated date of the month which is set by setUTCDate() method. The date of the month is an integer value ranging from 1 to 31.

More codes for the above method are as follows:

Program 1: Here as we know that date of the month, lies in between 1 to 31 but if we try to set date as 33, it will set the date as 2 for the next month because 33-31=2 and this date 2 becomes date for next of the previous month.

In the above output 2 is the date of the November month and 10 is the month of November because the month name starts from 0 to 11 i.e, 0 for January and 11 for December.




<script>
   // Here a date according to universal time has
   // been assigned while creating Date object
   var dateobj = 
   new Date('October 13, 1996 05:35:32 GMT-3:00');
  
   // New date 33 of the month is being set in above 
   // Date Object with the help of setUTCDate() function
   dateobj.setUTCDate(33);
  
   // New date of the month from above Date Object is
   // being extracted using getUTCDate()
   var B = dateobj.getUTCDate();
  
   // New month from above Date Object is
   // being extracted using getUTCMonth()
   var C = dateobj.getUTCMonth();
  
   // Printing new date of the month
   document.write(B + "<br />");
  
   // Printing new month
   document.write(C);
</script>

Output:

2
10

Program 2: If in Date() constructor we do not give any date of the month while creating the date object, still setUTCDate() method will be able to set new date which is given as its parameter in the created date object.




<script>
   // Here date according to universal time has
   // not been assigned while creating Date object
   var dateobj = 
   new Date('October, 1996 05:35:32 GMT-3:00');
  
   // New date 12 of the month is being set in above Date
   // Object with the help of setUTCDate() method
   dateobj.setUTCDate(12);
  
   // New date of the month from above Date Object is
   // being extracted using getUTCDate()
   var B = dateobj.getUTCDate();
  
   // Printing new date of the month
   document.write(B);
</script>

Output:

12

Program 3: If nothing as parameter is given in Date() constructor, still setDate() function will be able to set date but month remains current ones.




<script>
   // Here nothing has been assigned
   // while creating Date object
   var dateobj = new Date();
  
   // new date 13 of the month is being set in above
   // Date Object with the help of setUTCDate() method
   dateobj.setUTCDate(13);
  
   // Date of the month from above Date Object is
   // being extracted using getUTCDate()
   var B = dateobj.getUTCDate();
  
   // Month from above Date Object is
   // being extracted using getUTCMonth()
   var C = dateobj.getUTCMonth();
  
   // Printing new date of the month
   document.write(B + "<br />");
  
   // Printing new month
   document.write(C);
</script>

Output:

13
3

Program 4: If new date of the month is set to zero (0), the new date will be set to the last day of the previous month.




<script>
   // Here a date according to universal time
   // has been assigned while creating Date object
   var dateobj = 
   new Date('October 13, 1996 05:35:32 GMT-3:00');
  
   // New date 0 of the month is being set in above 
   // Date Object with the help of setUTCDate() method
   dateobj.setUTCDate(0);
  
   // Date of the month from above Date Object is
   // being extracted using getUTCDate()
   var B = dateobj.getUTCDate();
  
   // Month from above Date Object is
   // being extracted using getUTCMonth()
   var C = dateobj.getUTCMonth();
  
   // Printing new date of the month
   document.write(B + "<br>");
  
   // Printing new month
   document.write(C);
</script>

Output:

30
8

Supported Browsers: The browsers supported by JavaScript Date setUTCDate() Method are listed below:

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Internet Explorer 4 and above
  • Opera 4 and above
  • Safari 1 and above



My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!