web-dev-qa-db-ja.com

Javascript-2つの日付の間の日付の配列を取得する

var range = getDates(new Date(), new Date().addDays(7));

「範囲」は、2つの日付の間の日ごとに1つずつ、日付オブジェクトの配列になります。

秘Theは、月と年の境界も処理する必要があるということです。

115
function (startDate, endDate, addFn, interval) {

 addFn = addFn || Date.prototype.addDays;
 interval = interval || 1;

 var retVal = [];
 var current = new Date(startDate);

 while (current <= endDate) {
  retVal.Push(new Date(current));
  current = addFn.call(current, interval);
 }

 return retVal;

}
13
Date.prototype.addDays = function(days) {
    var date = new Date(this.valueOf());
    date.setDate(date.getDate() + days);
    return date;
}

function getDates(startDate, stopDate) {
    var dateArray = new Array();
    var currentDate = startDate;
    while (currentDate <= stopDate) {
        dateArray.Push(new Date (currentDate));
        currentDate = currentDate.addDays(1);
    }
    return dateArray;
}

これが機能です デモhttp://jsfiddle.net/jfhartsock/cM3ZU/

152
John Hartsock

これを試してください、モーメントjsを含めることを忘れないでください、

function getDates(startDate, stopDate) {
    var dateArray = [];
    var currentDate = moment(startDate);
    var stopDate = moment(stopDate);
    while (currentDate <= stopDate) {
        dateArray.Push( moment(currentDate).format('YYYY-MM-DD') )
        currentDate = moment(currentDate).add(1, 'days');
    }
    return dateArray;
}
39
Mohammed Safeer

moment.js および Twix.js を使用します。これらは、日付と時刻の操作に対して非常に優れたサポートを提供します。

var itr = moment.twix(new Date('2012-01-15'),new Date('2012-01-20')).iterate("days");
var range=[];
while(itr.hasNext()){
    range.Push(itr.next().toDate())
}
console.log(range);

私はこれを http://jsfiddle.net/Lkzg1bxb/ で実行しています

25
Ahmed Aswani

上記のものをすべて見ました。自分で書いてしまいました。 この場合、momentjsは必要ありませんネイティブforループで十分です範囲内の値をカウントするためのforループが存在するため、最も意味があります。

ワンライナー:

var getDaysArray = function(s,e) {for(var a=[],d=s;d<=e;d.setDate(d.getDate()+1)){ a.Push(new Date(d));}return a;};

ロングバージョン

var getDaysArray = function(start, end) {
    for(var arr=[],dt=start; dt<=end; dt.setDate(dt.getDate()+1)){
        arr.Push(new Date(dt));
    }
    return arr;
};

間の日付をリスト:

var daylist = getDaysArray(new Date("2018-05-01"),new Date("2018-07-01"));
daylist.map((v)=>v.toISOString().slice(0,10)).join("")
/*
Output: 
    "2018-05-01
    2018-05-02
    2018-05-03
    ...
    2018-06-30
    2018-07-01"
*/

過去の日付から現在までの日数

var daylist = getDaysArray(new Date("2018-05-01"),new Date());
daylist.map((v)=>v.toISOString().slice(0,10)).join("")
17
enesn
var boxingDay = new Date("12/26/2010");
var nextWeek  = boxingDay*1 + 7*24*3600*1000;

function getDates( d1, d2 ){
  var oneDay = 24*3600*1000;
  for (var d=[],ms=d1*1,last=d2*1;ms<last;ms+=oneDay){
    d.Push( new Date(ms) );
  }
  return d;
}

getDates( boxingDay, nextWeek ).join("\n");
// Sun Dec 26 2010 00:00:00 GMT-0700 (Mountain Standard Time)
// Mon Dec 27 2010 00:00:00 GMT-0700 (Mountain Standard Time)
// Tue Dec 28 2010 00:00:00 GMT-0700 (Mountain Standard Time)
// Wed Dec 29 2010 00:00:00 GMT-0700 (Mountain Standard Time)
// Thu Dec 30 2010 00:00:00 GMT-0700 (Mountain Standard Time)
// Fri Dec 31 2010 00:00:00 GMT-0700 (Mountain Standard Time)
// Sat Jan 01 2011 00:00:00 GMT-0700 (Mountain Standard Time)
15
Phrogz

ちょうどこの質問に出くわした、これを行う最も簡単な方法は瞬間を使用することです:

最初にモーメントとモーメント範囲をインストールする必要があります。

const Moment = require('moment');
const MomentRange = require('moment-range');
const moment = MomentRange.extendMoment(Moment);

const start = moment()
const end = moment().add(2, 'months')
const range = moment.range(start, end)
const arrayOfDates = Array.from(range.by('days'))
console.log(arrayOfDates)
8
Irfy

モーメントを使用している場合、範囲に「公式プラグイン」を使用できます moment-range すると、これは簡単になります。

モーメント範囲ノードの例:

const Moment = require('moment');
const MomentRange = require('moment-range');
const moment = MomentRange.extendMoment(Moment);

const start = new Date("11/30/2018"), end = new Date("09/30/2019")
const range = moment.range(moment(start), moment(end));

console.log(Array.from(range.by('day')))

モーメント範囲ブラウザの例:

window['moment-range'].extendMoment(moment);

const start = new Date("11/30/2018"), end = new Date("09/30/2019")
const range = moment.range(moment(start), moment(end));

console.log(Array.from(range.by('day')))
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-range/4.0.1/moment-range.js"></script>

date fnsの例:

date-fns を使用している場合、 eachDay はあなたの友人であり、最も短く簡潔な答えを得ることができます:

console.log(dateFns.eachDay(
  new Date(2018, 11, 30),
  new Date(2019, 30, 09)
))
<script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.29.0/date_fns.min.js"></script>
7
Akrion

私はしばらくの間@Mohammed Safeerソリューションを使用しており、いくつかの改善を行いました。コントローラーでの作業中は、書式設定された日付を使用するのは悪い習慣です。 moment().format()は、ビューでの表示目的にのみ使用する必要があります。また、moment().clone()は入力パラメーターからの分離を保証すること、つまり入力日付が変更されないことを忘れないでください。日付を操作するときは、moment.jsを使用することを強くお勧めします。

使用法:

  • startDateendDateパラメーターの値としてmoment.jsの日付を指定します
  • intervalパラメーターはオプションで、デフォルトは 'days'です。 .add()メソッド(moment.js)でサポートされている間隔を使用します。 詳細はこちら
  • totalパラメーターは、間隔を分単位で指定するときに役立ちます。デフォルトは1です。

法を実施する、権利を行使する:

var startDate = moment(),
    endDate = moment().add(1, 'days');

getDatesRangeArray(startDate, endDate, 'minutes', 30);

関数:

var getDatesRangeArray = function (startDate, endDate, interval, total) {
    var config = {
            interval: interval || 'days',
            total: total || 1
        },
        dateArray = [],
        currentDate = startDate.clone();

    while (currentDate < endDate) {
        dateArray.Push(currentDate);
        currentDate = currentDate.clone().add(config.total, config.interval);
    }

    return dateArray;
};
6
Adrian Moisa

ES6を使用すると、Array.fromを使用して、動的な間隔(時間、日、月)を可能にする非常にエレガントな関数を作成できます。

function getDates(startDate, endDate, interval) {
const duration = endDate - startDate;
const steps = duration / interval;
return Array.from({length: steps+1}, (v,i) => new Date(startDate.valueOf() + (interval * i)));
}
const startDate = new Date(2017,12,30);
const endDate = new Date(2018,1,3);
const dayInterval = 1000 * 60 * 60 * 24; // 1 day
const halfDayInterval = 1000 * 60 * 60 * 12; // 1/2 day

console.log("Days", getDates(startDate, endDate, dayInterval));
console.log("Half Days", getDates(startDate, endDate, halfDayInterval));
4
digiguru

私は最近、moment.jsを使っていました。

function getDateRange(startDate, endDate, dateFormat) {
        var dates = [],
            end = moment(endDate),
            diff = endDate.diff(startDate, 'days');

        if(!startDate.isValid() || !endDate.isValid() || diff <= 0) {
            return;
        }

        for(var i = 0; i < diff; i++) {
            dates.Push(end.subtract(1,'d').format(dateFormat));
        }

        return dates;
    };
    console.log(getDateRange(startDate, endDate, dateFormat));

結果は次のようになります。

["09/03/2015", "10/03/2015", "11/03/2015", "12/03/2015", "13/03/2015", "14/03/2015", "15/03/2015", "16/03/2015", "17/03/2015", "18/03/2015"]
4
gor181
var listDate = [];
var startDate ='2017-02-01';
var endDate = '2017-02-10';
var dateMove = new Date(startDate);
var strDate = startDate;

while (strDate < endDate){
  var strDate = dateMove.toISOString().slice(0,10);
  listDate.Push(strDate);
  dateMove.setDate(dateMove.getDate()+1);
};
console.log(listDate);

//["2017-02-01", "2017-02-02", "2017-02-03", "2017-02-04", "2017-02-05", "2017-02-06", "2017-02-07", "2017-02-08", "2017-02-09", "2017-02-10"]
4
Công Thắng

別の関数を作成したくない場合に、ライブラリを必要としない1つのライナーを次に示します。 startDate(2か所)とendDate(js日付オブジェクト)を変数または日付値に置き換えるだけです。もちろん、必要に応じて関数でラップすることもできます

Array(Math.floor((endDate - startDate) / 86400000) + 1).fill().map((_, idx) => (new Date(startDate.getTime() + idx * 86400000)))
3
ti994a

d3js は多くの便利な機能を提供し、簡単な日付操作のために d3.time を含みます

https://github.com/d3/d3-time

特定のリクエストの場合:

UTC

var range = d3.utcDay.range(new Date(), d3.utcDay.offset(new Date(), 7));

または現地時間

var range = d3.timeDay.range(new Date(), d3.timeDay.offset(new Date(), 7));

範囲は、各日の最初の可能な値に該当する日付オブジェクトの配列になります

異なる間隔で同じ結果を得るために、timeDayをtimeHour、timeMonthなどに変更できます。

2

注:これは要求された解決策とはわずかに異なることは承知していますが、多くの人が役に立つと思うと思います。

2つの日付間の各「x」間隔(日、月、年など)を検索する場合は、 moment.jsmoment-range 拡張パッケージこの機能を有効にします。

たとえば、は、2つの日付の間の各30日目を検索します。

window['moment-range'].extendMoment(moment);

var dateString = "2018-05-12 17:32:34.874-08";
var start  = new Date(dateString);
var end    = new Date();
var range1 = moment.range(start, end);
var arrayOfIntervalDates = Array.from(range1.by('day', { step: 30 }));

arrayOfIntervalDates.map(function(intervalDate){
  console.log(intervalDate.format('YY-M-DD'))
});
1
Stone

単純なwhileループを使用して日付間の計算をしています

var start = new Date("01/05/2017");
var end = new Date("06/30/2017");
var newend = end.setDate(end.getDate()+1);
var end = new Date(newend);
while(start < end){
   console.log(new Date(start).getTime() / 1000); // unix timestamp format
   console.log(start); // ISO Date format          
   var newDate = start.setDate(start.getDate() + 1);
   start = new Date(newDate);
}
1
KARTHIKEYAN.A

関数:

  var dates = [],
      currentDate = startDate,
      addDays = function(days) {
        var date = new Date(this.valueOf());
        date.setDate(date.getDate() + days);
        return date;
      };
  while (currentDate <= endDate) {
    dates.Push(currentDate);
    currentDate = addDays.call(currentDate, 1);
  }
  return dates;
};

使用法:

var dates = getDatesRange(new Date(2019,01,01), new Date(2019,01,25));                                                                                                           
dates.forEach(function(date) {
  console.log(date);
});

それがあなたを助けることを願っています

0
Hiu D

これは誰かを助けるかもしれない、

これから行出力を取得し、必要に応じてrow_dateオブジェクトをフォーマットできます。

var from_date = '2016-01-01';
var to_date = '2016-02-20';

var dates = getDates(from_date, to_date);

console.log(dates);

function getDates(from_date, to_date) {
  var current_date = new Date(from_date);
  var end_date     = new Date(to_date);

  var getTimeDiff = Math.abs(current_date.getTime() - end_date.getTime());
  var date_range = Math.ceil(getTimeDiff / (1000 * 3600 * 24)) + 1 ;

  var weekday = ["Sun", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
  var months = ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"];
  var dates = new Array();

  for (var i = 0; i <= date_range; i++) {
     var getDate, getMonth = '';

     if(current_date.getDate() < 10) { getDate = ('0'+ current_date.getDate());}
     else{getDate = current_date.getDate();}

    if(current_date.getMonth() < 9) { getMonth = ('0'+ (current_date.getMonth()+1));}
    else{getMonth = current_date.getMonth();}

    var row_date = {day: getDate, month: getMonth, year: current_date.getFullYear()};
    var fmt_date = {weekDay: weekday[current_date.getDay()], date: getDate, month: months[current_date.getMonth()]};
    var is_weekend = false;
    if (current_date.getDay() == 0 || current_date.getDay() == 6) {
        is_weekend = true;
    }
    dates.Push({row_date: row_date, fmt_date: fmt_date, is_weekend: is_weekend});
    current_date.setDate(current_date.getDate() + 1);
 }
 return dates;
}

https://Gist.github.com/pranid/3c78f36253cbbc6a41a859c5d718f362.js

0

@softvarのソリューション、ただし作業日オプションを含む

/**
 * Returns array of working days between two dates.
 *
 * @param {string} startDate
 *   The start date in yyyy-mm-dd format.
 * @param {string} endDate
 *   The end date in yyyy-mm-dd format.
 * @param {boolean} onlyWorkingDays
 *   If true only working days are returned. Default: false
 *
 * @return {array}
 *   Array of dates in yyyy-mm-dd string format.
 */
function getDates(startDate, stopDate, onlyWorkingDays) {
  let doWd = typeof onlyWorkingDays ==='undefined' ? false : onlyWorkingDays;

  let dateArray = [];  
  let dayNr;
  let runDateObj = moment(startDate);  
  let stopDateObj = moment(stopDate);

  while (runDateObj <= stopDateObj) {
    dayNr = runDateObj.day();
    if (!doWd || (dayNr>0 && dayNr<6)) {
     dateArray.Push(moment(runDateObj).format('YYYY-MM-DD'));  
    }

    runDateObj = moment(runDateObj).add(1, 'days');
  }
  return dateArray;
}
0
koosvdkolk

以下に、Momentの日付または文字列または混合を入力として受け入れ、Momentの日付として日付の配列を生成する定型メソッドを示します。モーメントの日付を出力にしたくない場合は、map()メソッドが返すものを変更します。

const moment = require('moment');

// ...

/**
 * @param {string|import('moment').Moment} start
 * @param {string|import('moment').Moment} end
 * @returns {import('moment').Moment[]}
 */
const getDateRange = (start, end) => {
  const s = moment.isMoment(start) ? start : moment(start);
  const e = moment.isMoment(end) ? end : moment(end);
  return [...Array(1 + e.diff(s, 'days')).keys()].map(n => moment(s).add(n, 'days'));
};
0
Guy