D3.js | d3.utcMonths() Function

Last Updated : 25 Jul, 2019

The d3.utcMonths() function in D3.js is used to return all the months with date in the given range of start and end date in Coordinated Universal Time (UTC).

Syntax:

d3.utcMonths(start, end, step);

Parameters: This function accept three parameters which are given below:

Start: This parameter holds the given start date.
end: This parameter holds the given end date.
step: It is optional parameter which holds the value used to skip the months.

Return Value: This function returns all the possible months in the given range.

Below programs illustrate the d3.utcMonths() function in D3.js:

Example 1:

<!DOCTYPE html> 
<html> 
   <head> 
      <title> 
          D3.js | d3.utcMonths() Function 
      </title>   
  
      <script src = 
          "https://d3js.org/d3.v4.min.js"> 
      </script>  
   </head> 
   
   <body> 
         
      <script> 
         
         // Initialising start and end date 
         var start = new Date(2015, 01, 01); 
         var end = new Date(2015, 05, 01); 
           
         // Calling the utcMonths() function 
         // without step value 
         var a = d3.utcMonths(start, end); 
           
         // Getting the months values 
         console.log(a); 
      </script> 
   </body> 
</html> 

Output:

["2015-02-01T00:00:00.000Z", "2015-03-01T00:00:00.000Z", 
"2015-04-01T00:00:00.000Z", "2015-05-01T00:00:00.000Z"]

Example 2:

<!DOCTYPE html> 
<html> 
   <head> 
      <script src = 
          "https://d3js.org/d3.v4.min.js"> 
      </script> 
  
      <title> 
          D3.js | d3.utcMonths() Function 
      </title>    
   </head> 
   
   <body> 
         
      <script> 
         
         // Initialising start and end date 
         var start = new Date(2015, 01, 01); 
         var end = new Date(2015, 05, 01); 
           
         // Calling the utcMonths() function 
         // with step value 
         var a = d3.utcMonths(start, end, 2); 
           
         // Getting the months values 
         console.log(a); 
      </script> 
   </body> 
</html> 

Output:

["2015-02-01T00:00:00.000Z", "2015-04-01T00:00:00.000Z"]

Reference: https://devdocs.io/d3~5/d3-time#timeMonths

D3.js | d3.utcMonth Function

Kanchan_Ray

Improve

Article Tags :

D3.js | d3.utcMonths() Function

Similar Reads

Thank You!

What kind of Experience do you want to share?