How to select Min/Max dates in an array using JavaScript ? - GeeksforGeeks

31 Jul, 2019
Given an array of JavaScript date. The task is to get the minimum and maximum date of the array using JavaScript.
Approach 1:
Get the JavaScript dates in an array.
Use Math.max.apply() and Math.min.apply() function to get the maximum and minimum dates respectively.
Example: In this example, the maximum and minimum date is determined by the above approach.
<!DOCTYPE HTML> <html>   <head>     <title>         JavaScript | Min/Max of dates in an array.    </title></head>   <body style = "text-align:center;" id = "body">           <h1 style = "color:green;" >         GeeksForGeeks    </h1>          <p id = "GFG_UP" style =        "font-size: 19px; font-weight: bold;">    </p>          <button onclick = "GFG_Fun()">        click here    </button>          <p id = "GFG_DOWN" style =        "color: green; font-size: 24px; font-weight: bold;">    </p>          <script>        var el_up = document.getElementById("GFG_UP");        var el_down = document.getElementById("GFG_DOWN");        var dates = [];                  dates.push(new Date("2019/06/25"));        dates.push(new Date("2019/06/26"));        dates.push(new Date("2019/06/27"));        dates.push(new Date("2019/06/28"));                  el_up.innerHTML = dates[0] + "<br>" + dates[1]                + "<br>" + dates[2] + "<br>" + dates[3];                  function GFG_Fun() {            var maximumDate=new Date(Math.max.apply(null, dates));            var minimumDate=new Date(Math.min.apply(null, dates));                          el_down.innerHTML = "Max date is - " + maximumDate                    + "<br>Min date is - " + minimumDate;        }    </script> </body>   </html>
Output:
Before clicking on the button:
After clicking on the button:
Approach 2:
Get the JavaScript dates in an array.
Use reduce() method in an array of dates and define the respective function for the maximum and minimum dates.
Example: In this example, the maximum and minimum date is determined by the above approach.
<!DOCTYPE HTML> <html>   <head>     <title>         JavaScript | Min/Max of dates in an array.    </title></head>   <body style = "text-align:center;" id = "body">           <h1 style = "color:green;" >         GeeksForGeeks    </h1>          <p id = "GFG_UP" style =        "font-size: 19px; font-weight: bold;">    </p>          <button onclick = "GFG_Fun()">        click here    </button>          <p id = "GFG_DOWN" style =        "color: green; font-size: 24px; font-weight: bold;">    </p>          <script>        var el_up = document.getElementById("GFG_UP");        var el_down = document.getElementById("GFG_DOWN");        var dates = [];                  dates.push(new Date("2019/06/25"));        dates.push(new Date("2019/06/26"));        dates.push(new Date("2019/06/27"));        dates.push(new Date("2019/06/28"));                  el_up.innerHTML = dates[0] + "<br>" + dates[1]                + "<br>" + dates[2] + "<br>" + dates[3];                  function GFG_Fun() {            var mnDate = dates.reduce(function (a, b) {                return a < b ? a : b;             });                           var mxDate = dates.reduce(function (a, b) {                return a > b ? a : b;            });                          el_down.innerHTML = "Max date is - " + mxDate                         + "<br>Min date is - " + mnDate;        }    </script> </body>   </html>
Output:
Before clicking on the button:
After clicking on the button:
javascript-array
JavaScript
Web Technologies
Web technologies Questions
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Comments
Old Comments
Convert a string to an integer in JavaScript
Difference between var, let and const keywords in JavaScript
Differences between Functional Components and Class Components in React
How to append HTML code to a div using JavaScript ?
How to Open URL in New Tab using JavaScript ?
Roadmap to Become a Web Developer in 2022
Installation of Node.js on Linux
Top 10 Projects For Beginners To Practice HTML and CSS Skills
How to fetch data from an API in ReactJS ?
How to insert spaces/tabs in text using HTML/CSS?