D3.js | d3.timeMonday Function

The d3.timeMonday 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.timeMonday.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 dates.

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

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

Example 1:

<!DOCTYPE html> 
<html> 

<head> 

    <title> 

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

        // without step value 

        var a = d3.timeMonday.range(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.timeMonday 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 timeMonday function 

         // with step value 

         var a = d3.timeMonday.range(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#timeMonday

Article Tags :

JavaScript

Web Technologies

D3.js