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


回答:


171
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/


2
ジョンに感謝します。私は主にあなたのものを使用しましたが、byRefバグがあり、currentDateを配列にプッシュできないか、最終的にすべてn要素の配列になります。これをcurrentDate = new Date(currentDate)に変更すると機能します。
Scott Klarenbach、

これは将来の日付には問題ありませんが、30日前などの過去の日付で作業している場合、上記のコードを変更して日付ではなく日付のみを取得する必要があります。
vaibhav kulkarni 2015

@vaibhavkulkarni addays()プロトタイプを逆にして、whileループを変更するだけです。さらに、コメントは新しい質問を始める場所ではありません。
ジョンハートソック2015

startDateとから時間を削除した方がいいendDateですか?場合なのでstartDateの時間が後よりstopDatesの時間」、それは含まれませんstopDate右、結果に?
Hp93 2016年

@ Hp93あなたの話が正確にわからない。私が提供したフィドルを実行すると、その状況をカバーしていることがわかります。
ジョンハートソック2016年

58

これを試して、モーメント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;
}

ちょっとした改善:配列を作成するための簡略表記が推奨されますvar dateArray = [];詳細はこちら
Adrian Moisa 2015

それは配列を定義する新しい方法であり、私はそれがより短い/よりきれいだと思います。
Mohammed Safeer 2015

1
重要な修正var currentDate = moment(startDate);このメソッドを同じmoment.jsの日付で2回使用している場合、なぜ最初にだけ機能するのか困惑します。これは、JavaScriptがオブジェクトを参照渡しするために、関数がstartDateを2回使用するために発生します(すでに変更されています)。上記の修正プログラムにパッチを適用すると、関数スコープ内の新しい一意のモーメントjsオブジェクトで問題が発生することが保証されます。このフィドルを
エイドリアン・モイザ

51

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

一発ギャグ:

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

ロングバージョン

var getDaysArray = function(start, end) {
    for(var arr=[],dt=new Date(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("")

で指定したすべての日を取得したい場合はどうなりますgetDaysArrayか?その間の日ではありません。
ジョンジ

ありがとう!依存関係なしで正確に必要なもの。:)
mpsyp

2
この関数は、ソース入力日付を操作します。:)私はそれをテストしました。
Hamed Taheri

4
@HamedTaheri-はい、しかし、それ自体を開始するのではなく、startのコピーをdtに割り当てることで修正できます。;-)for (var arr=[], dt=new Date(start), ...)
RobG

他の多くの人と作業している場合、正常に機能しますが、残念ながら、for(;;)ループはソフトウェアのメンテナンスにとってあまり読みやすくありません。
Victor

27

私はmoment.jsTwix.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/で実行しています


私はそれに関連するすべてのファイルをダウンロードしましたが、それでもエラーTypeError:moment.twixは機能ではありません
vaibhav kulkarni

ライブラリを含める必要がある場合があります。nodejsでは、var moment = require( 'moment');のようになります。require( 'twix');
Bala Soundararaj博士2017年

18
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)

3
安全のために、上記とは異なり、夏時間によるわずかな変動を避けるために、通常は1日の真ん中の時間を選択する必要があります。
Phrogz

その日の真ん中の変更もコードに追加してほしいと思います。
ニワトリ

15
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;

}

1
日付を間違った順序で入力すると、これはフリーズします
pie6k

11

モーメントを使用している場合は、範囲に「公式プラグイン」を使用できます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>

日付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>


8

この質問に出くわしました。これを行う最も簡単な方法は、モーメントを使用することです。

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

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)

6

私はしばらく@Mohammed Safeerソリューションを使用しており、いくつかの改善を行いました。コントローラーでの作業中は、フォーマットされた日付を使用することはお勧めできません。moment().format()ビューでの表示目的にのみ使用する必要があります。またmoment().clone()、入力パラメータが確実に分離されることを忘れないでください。つまり、入力日付は変更されません。日付を扱うときは、moment.jsを使用することを強くお勧めします。

使用法:

  • moment.jsの日付をstartDateendDateパラメータの値として指定します
  • intervalパラメータはオプションで、デフォルトは「日」です。.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

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));


2
「エレガント」はあなたの視点に依存します。new Date(2017,12,30)2018年1月30日です。私にとって、日付範囲は2018年1月29日に始まります。すべての日が夏時間である8.64e7ミリ秒(24時間)であるわけではありません。;-)
RobG

5

私は最近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"]

3
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"]

1
回答についての説明や情報を追加し、質問の解決方法を教えてください。明確化を求めなくても他の人が簡単に理解できるようになります
koceeng

これは何らかの理由で2016-03-31をスキップしていることがわかりました!
woodhead92

1
あなたはwhileループの中にvar前にあるべきではありませんstrDate
Boris Yakubchik

2

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

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

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

これは、夏時間/標準時の変更を考慮していません。一部の日は長く、一部の日は短くなります
Mike

2

この機能を使う

function getDatesRange(startDate, stopDate) {
    const ONE_DAY = 24*3600*1000;
    var days= [];
    var currentDate = new Date(startDate);
    while (currentDate <= stopDate) {
        days.push(new Date (currentDate));
        currentDate = currentDate - 1 + 1 + ONE_DAY;
    }
    return days;
}

2

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

var start = new Date("01/05/2017");
var end = new Date("06/30/2017");
var newend = end.setDate(end.getDate()+1);
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

注:これは要求されたソリューションとは少し異なることは承知していますが、多くの人が便利だと思います。

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
  1. 年の配列を生成します。

    const DAYS = () => {
     const days = []
     const dateStart = moment()
     const dateEnd = moment().add(30, days')
     while (dateEnd.diff(dateStart, days') >= 0) {
      days.push(dateStart.format(‘D'))
      dateStart.add(1, days')
     }
     return days
    }
    console.log(DAYS())
  2. 月の配列を生成します。

            const MONTHS = () => {
             const months = []
             const dateStart = moment()
             const dateEnd = moment().add(12, month')
             while (dateEnd.diff(dateStart, months') >= 0) {
              months.push(dateStart.format(‘M'))
              dateStart.add(1, month')
             }
             return months
            }
            console.log(MONTHS())
  3. 数日間配列を生成します。

            const DAYS = () => {
             const days = []
             const dateStart = moment()
             const dateEnd = moment().add(30, days')
             while (dateEnd.diff(dateStart, days') >= 0) {
              days.push(dateStart.format(‘D'))
              dateStart.add(1, days')
             }
             return days
            }
            console.log(DAYS())

1

あなたはmomentJSを使用して簡単にそれを行うことができます

依存関係に瞬間を加える

npm i moment

それをファイルにインポートします

var moment = require("moment");

次に、次のコードを使用して、2つの日付間のすべての日付のリストを取得します

let dates = [];
let currDate = moment.utc(new Date("06/30/2019")).startOf("day");
let lastDate = moment.utc(new Date("07/30/2019")).startOf("day");

do {
 dates.push(currDate.clone().toDate());
} while (currDate.add(1, "days").diff(lastDate) < 0);
dates.push(currDate.clone().toDate());

console.log(dates);

0

これは誰かを助けるかもしれません、

これから行出力を取得し、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

これは、入力としてモーメントの日付または文字列または混合を受け入れ、日付の配列をモーメントの日付として生成する既定のメソッドです。モーメント日付を出力として使用したくない場合は、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

@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

関数:

  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);
});

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.