Open In App

D3.js | d3.utcSaturday Function

The d3.utcSaturday function in D3.js is used to return all the dates based on Saturday in the given range of start and end date Coordinated Universal Time (UTC).

Syntax:



d3.utcSaturday.range(start, end, step);

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

Return Value: This function returns all the dates based on Saturday.



Below programs illustrate the d3.utcSaturday function in D3.js:

Example 1:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        D3.js | d3.utcSaturday 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, 07, 01);
        var end = new Date(2015, 07, 30);
  
        // Calling the utcSaturday function
        // without step value
        var a = d3.utcSaturday.range(start, end);
  
        // Getting the Saturday dates
        console.log(a);
    </script>
</body>
  
</html>    

Output:

[“2015-08-01T00:00:00.000Z”, “2015-08-08T00:00:00.000Z”, “2015-08-15T00:00:00.000Z”, “2015-08-22T00:00:00.000Z”, “2015-08-29T00:00:00.000Z”]

Example 2:




<!DOCTYPE html>
<html>
  
<head>
    <title>
        D3.js | d3.utcSaturday 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, 07, 01);
        var end = new Date(2015, 07, 30);
   
        // Calling the utcSaturday function
        // with step value
        var a = d3.utcSaturday.range(start, end, 2);
   
        // Getting the Saturday dates
        console.log(a);
    </script>
</body>
  
</html>    

Output:

["2015-08-01T00:00:00.000Z", "2015-08-15T00:00:00.000Z", "2015-08-29T00:00:00.000Z"]

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


Article Tags :