D3.js | d3.timeMondays() Function

The d3.timeMondays() function in D3.js is used to return all the dates based on Monday in the given range of start and end date.

Syntax:

d3.timeMondays( start, end, step );

Parameters: This function accept three parameters as mentioned above and described below:

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

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

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

Example 1:

<!DOCTYPE html> 
<html> 

<head> 

    <title> 

        D3.js | d3.timeMondays() 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 timeMondays() function 

        // without step value 

        var a = d3.timeMondays(start, end); 

        // Getting the Monday dates 

        console.log(a); 

    </script> 
</body> 

</html>

Output:

["2015-08-02T18:30:00.000Z", "2015-08-09T18:30:00.000Z", 
"2015-08-16T18:30:00.000Z", "2015-08-23T18:30:00.000Z"]

Example 2:

<!DOCTYPE html> 
<html> 

<head> 

    <title> 

        D3.js | d3.timeMondays() 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 timeMondays() function 

        // with step value 

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

        // Getting the Monday dates 

        console.log(a); 

    </script> 
</body> 

</html>

Output:

["2015-08-02T18:30:00.000Z", "2015-08-16T18:30:00.000Z"]

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

Article Tags :

JavaScript

Web Technologies

D3.js