JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dateFields">
  <input type="date" id="date1"/>
  <input type="date" id="date2"/>
  <input type="date" id="date3"/>
  <input type="date" id="date4"/>
  <input type="date" id="date5"/>
</div>
<button onClick="compareDate()">Compare Now</button>

JavaScript

compareDate = function(){
  var dateObj = {};
	$('input[type=date]').each(function(){
  	if($(this).val().length !== 0){
    	dateObj[$(this).attr('id')] = $(this).val();
    }
  });
  var dateid = Object.keys(dateObj);

  for(var i=0; i<dateid.length-1; i++) {
  	for(var j=1; j<dateid.length; j++){
    	if(dateObj[dateid[i]] > dateObj[dateid[j]])
      	console.log( dateid[i]  + " > " + dateid[j]);
    }
  }
}