比较jQuery中的多个日期

时间:2017-10-29 23:08:34

标签: jquery date

在jQuery onClick中实现以下功能的最有效方法是什么?我没有在所有日期中寻找最小/最大日期:

  

date1< = date2< = date3< = date4< = date5



@IBAction func cancelBtnWasPressed(_ sender: Any) {
    let returnVC = storyboard?.instantiateViewController(withIdentifier: "feedVC")


    present(returnVC!, animated: true, completion: nil)


}




所有日期都不是必须输入的,可以按任何顺序输入。应该显示警告信息:

<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>只输入date1和date5,其中date1&gt; date5

alert('date1 > date5')

输入date2,date4,date5,其中date2&gt; date4,date 2&gt;日期5和日期4&lt; =日期5

1 个答案:

答案 0 :(得分:0)

您可以使用解决方案https://jsfiddle.net/m0543d5j/

&#13;
&#13;
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]);
    }
  }
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>
&#13;
&#13;
&#13;

希望这会对你有所帮助。