Open In App

D3.js | d3.utcDays() Function

Last Updated : 23 Jul, 2019
Improve
Improve
Like Article
Like
Save
Share
Report

The d3.utcDays() function in D3.js is used to return all the dates in between two given dates in Coordinated Universal Time (UTC).

Syntax:

d3.utcDays(Start, End, step);

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

  • Start: This is the given start date.
  • End: This is the given end date.
  • step: This parameter is optional and used to skip the dates.

Return Value: This function returns all the dates in between two given dates.

Below programs illustrate the d3.utcDays() function in D3.js:
Example 1:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        D3.js | d3.utcDays() 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, 04, 05);
        var end = new Date(2015, 04, 10);
  
        // Calling the utcDays() function
        // without step value
        var a = d3.utcDays(start, end);
  
        // Getting all the in between dates
        console.log(a);
    </script>
</body>
  
</html>    


Output:

[“2015-05-05T00:00:00.000Z”, “2015-05-06T00:00:00.000Z”, “2015-05-07T00:00:00.000Z”, “2015-05-08T00:00:00.000Z”, “2015-05-09T00:00:00.000Z”]

Example 2:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        D3.js | d3.utcDays() 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, 04, 05);
        var end = new Date(2015, 04, 10);
   
        // Calling the utcDays() function
        // with step value
        var a = d3.utcDays(start, end, 2);
   
        // Getting all the in between dates
        console.log(a);
    </script>
</body>
  
</html>    


Output:

["2015-05-05T00:00:00.000Z", "2015-05-07T00:00:00.000Z", "2015-05-09T00:00:00.000Z"]

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



Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads