javascript - 如何在 javascript 中查找 1 个月、3 个月或 6 个月以内的日期数量？

Question

我对日期数量是否在 1 个月、3 个月、6 个月或特定时间段内感到有些困惑。怎么做？。日期格式为 MM/DD/YYYY。日期范围将动态添加。请任何人帮忙解决这个问题。

对于前

• 全部 (10)
• 上个月(6)
• 过去 3 个月(3)
• 过去 6 个月(1)
• 2015年12月25日 - 2016年1月25日 (7)

我的前数组是

var array = ['01/05/2016','01/08/2016','01/09/2016','01/10/2016','01/11/2016','01/12/2016','12/25/2015','11/25/2015','11/29/2015','10/25/2015'];
var currentDate = '02/04/2016';

我必须循环数组并创建 li 元素。第一个 li 元素应该告诉数组的总数，下一个 li 元素应该告诉最后一个月的日期计数，下一个 li 应该告诉最后 3 个月。如何隔离内部循环。

Answer 1

您可以通过找出日期之间的差异来执行类似的操作

var array = ['01/05/2016', '01/08/2016', '01/09/2016', '01/10/2016', '01/11/2016', '01/12/2016', '12/25/2015', '11/25/2015', '11/29/2015', '10/25/2015', '9/25/2015'];
var currentDate = '02/04/2016';
$('#range').change(function() {
    var range = this.value;
    //get the range value
    var result = array.filter(function(v) {
      // filter arry using filter()
      var diff = Math.abs((new Date(currentDate)).getTime() - (new Date(v)).getTime());
      // parse two dates and get difference between them
      return Math.ceil(diff / (1000 * 3600 * 24)) <= range * 30;
      // get the number of days difference and compare with the range
    });
    $('#list').html('Count : ' + result.length + '<br> Array : <pre> ' + JSON.stringify(result, null, 3) + '</pre>')
      // showing result in json format
  }).change()
  // triggering change event

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="range">
  <option value=1>1</option>
  <option value=2>2</option>
  <option value=3>3</option>
  <option value=6>6</option>
</select>
<div id="list"></div>

有用的问题:Get difference between 2 dates in javascript?

更新:根据您的需要，您可以执行类似的操作

var array = ['01/05/2016', '01/08/2016', '01/09/2016', '01/10/2016', '01/11/2016', '01/12/2016', '12/25/2015', '11/25/2015', '11/29/2015', '10/25/2015'];
var currentDate = '02/04/2016';
$('#range').change(function() {
    var range = this.value;
    //get the range value
    var result = range == 1 ? getRes(range).length : getRes(range).length - getRes($(':selected', this).prev().val()).length;
    // getting count diff if range is greater than 1
    $('#list').html('Count : ' + result);
    // showing result in json format
  }).change()
  // triggering change event

function getRes(range) {
  return array.filter(function(v) {
    // filter arry using filter()
    var diff = Math.abs((new Date(currentDate)).getTime() - (new Date(v)).getTime());
    // parse two dates and get difference between them
    return Math.ceil(diff / (1000 * 3600 * 24)) <= range * 30;
    // get the number of days difference and compare with the range
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="range">
  <option value=1>1</option>
  <option value=3>3</option>
  <option value=6>6</option>
</select>
<div id="list"></div>