Loop through a date range with JavaScript

Question

Given two Date   objects  where one is less than the other  how do I loop every day between the dates   for loopDate   startDate  loopDate  lt  endDate  loopDate    1         Would this sort of loop work   But how can I add one day to the loop counter   Thanks

User · Answer

var start   new Date  2014-05-01      yyyy-mm-dd var end   new Date  2014-05-05      yyyy-mm-dd  while start  lt   end        var mm     start getMonth   1  gt  10   start getMonth   1   0   start getMonth   1       var dd     start getDate    gt  10    start getDate       0     start getDate         var yyyy   start getFullYear        var date   dd     mm     yyyy    yyyy-mm-dd      alert date         start   new Date start setDate start getDate     1      date increase by 1

User · Answer

If startDate and endDate are indeed date objects you could convert them to number of milliseconds since midnight Jan 1  1970  like this   var startTime   startDate getTime    endTime   endDate getTime      Then you could loop from one to another incrementing loopTime by 86400000  1000 60 60 24  - number of milliseconds in one day   for loopTime   startTime  loopTime  lt  endTime  loopTime    86400000        var loopDay new Date loopTime        use loopDay as you wish

User · Answer

Here s a way to do it by making use of the way adding one day causes the date to roll over to the next month if necessary  and without messing around with milliseconds  Daylight savings aren t an issue either   var now   new Date    var daysOfYear       for  var d   new Date 2012  0  1   d  lt   now  d setDate d getDate     1         daysOfYear push new Date d        Note that if you want to store the date  you ll need to make a new one  as above with new Date d    or else you ll end up with every stored date being the final value of d in the loop

User · Answer

Based on Tabare s Answer   I had to add one more day at the end  since the cycle is cut before  var start   new Date  02 05 2013    var end   new Date  02 10 2013    var newend   end setDate end getDate   1   var end   new Date newend   while start  lt  end      alert start                  var newDate   start setDate start getDate     1      start   new Date newDate

User · Answer

Based on Tom Gullen  s answer   var start   new Date  02 05 2013    var end   new Date  02 10 2013      var loop   new Date start   while loop  lt   end      alert loop                  var newDate   loop setDate loop getDate     1      loop   new Date newDate

User · Answer

Based on Jayarjo s answer   var loopDate   new Date    loopDate setTime datFrom valueOf      while  loopDate valueOf    lt  datTo valueOf     86400000         alert loopDay        loopDate setTime loopDate valueOf     86400000

User · Answer

I think I found an even simpler answer  if you allow yourself to use Moment js    x000D   x000D     cycle through last five days  today included x000D     you could also cycle through any dates you want  mostly for x000D     making this snippet not time aware x000D  const currentMoment   moment   subtract 4   days    x000D  const endMoment   moment   add 1   days    x000D  while  currentMoment isBefore endMoment   day      x000D    console log  Loop at   currentMoment format  YYYY-MM-DD       x000D    currentMoment add 1   days    x000D    x000D   lt script src  https   cdn jsdelivr net npm moment 2 moment min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

Here simple working code  worked for me   x000D   x000D  var from   new Date 2012 0 1   x000D  var to   new Date 2012 1 20   x000D       x000D     loop for every day x000D  for  var day   from  day  lt   to  day setDate day getDate     1     x000D         x000D        your day is here x000D   x000D    x000D   x000D   x000D

User · Answer

Let us assume you got the start date and end date from the UI and stored it in the scope variable in the controller   Then declare an array which will get reset on every function call so that on the next call for the function the new data can be stored   var dayLabel         Remember to use new Date your starting variable  because if you dont use the new date and directly assign it to variable the setDate function will change the origional variable value in each iteration   for  var d   new Date  scope startDate   d  lt    scope endDate  d setDate d getDate     1                     dayLabel push new Date d

User · Answer

If you want an efficient way with milliseconds   var daysOfYear       for  var d   begin  d  lt   end  d   d   86400000        daysOfYear push new Date d

[javascript] Loop through a date range with JavaScript

Examples related to javascript

Examples related to loops

Examples related to date

Examples related to iteration

Examples related to date-range