Open In App

D3.js | d3.utcDays() Function

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



Last Updated : 23 Jul, 2019
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads