w3resource

JavaScript: Maximum date from an array of dates

JavaScript Datetime: Exercise-11 with Solution

Write a JavaScript function to get the maximum date from an array of dates.

Test Data:
console.log(max_date(['2015/02/01', '2015/02/02', '2015/01/03']));
Output :
"2015/02/02"

Sample Solution:-

HTML Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Maximum date from an array of dates</title>
</head>
<body>
</body>
</html>

JavaScript Code:

function max_date(all_dates) {
var max_dt = all_dates[0],
  max_dtObj = new Date(all_dates[0]);
all_dates.forEach(function(dt, index)
  {
  if ( new Date( dt ) > max_dtObj)
  {
  max_dt = dt;
  max_dtObj = new Date(dt);
  }
  });
 return max_dt;
  }
console.log(max_date(['2015/02/01', '2015/02/02', '2015/01/03']));

Sample Output:

2015/02/02

Flowchart:

Flowchart: JavaScript- Maximum date from an array of dates

Live Demo:

See the Pen JavaScript - Find out which day was in yesterday-date-ex- 10 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript function to calculate 'yesterday day'.
Next: Write a JavaScript function to get the minimum date from an array of dates.

What is the difficulty level of this exercise?



JavaScript: Tips of the Day

Converts the given array elements into <li> tags and appends them to the list of the given id.

Example:

const tips_arrayToHtmlList = (arr, listID) =>(el => ((el = document.querySelector('#' + listID)),(el += arr.map(item => '<li>${item}</li>').join(''))))();
console.log(tips_arrayToHtmlList(['item 1', 'item 2'], 'myListID'));

Output:

"null
  • ${item}
  • ${item}
  • "