D3.js | d3.timeFriday Function

The d3.timeFriday function in D3.js is used to return all the dates based on Friday in the given range of start and end date.

Syntax:

d3.timeFriday.range( 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 the optional parameter which holds the value used to skip the dates.

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

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

Example 1:

<!DOCTYPE html> 
<html> 

<head> 

    <title> 

        D3.js | d3.timeFriday 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 timeFriday function 

        // without step value 

        var a = d3.timeFriday.range(start, end); 

        // Getting the friday dates 

        console.log(a); 

    </script> 
</body> 

</html>

Output:

["2015-08-06T18:30:00.000Z", "2015-08-13T18:30:00.000Z", 
"2015-08-20T18:30:00.000Z", "2015-08-27T18:30:00.000Z"]

Example 2:

<!DOCTYPE html> 
<html> 

<head> 

    <title> 

        D3.js | d3.timeFriday 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 timeFriday function 

        // with step value 

        var a = d3.timeFriday.range(start, end, 2); 

        // Getting the friday dates 

        console.log(a); 

    </script> 
</body> 

</html>

Output:

["2015-08-06T18:30:00.000Z", "2015-08-20T18:30:00.000Z"]

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

Article Tags :

JavaScript

Web Technologies

D3.js