Javascript/jQuery to display hour in loop from today until tomorrow date

Question

I need to display hour from specific hour until specific hour.

Assume I need the hour from 03-Jul-2021 07:00 until 04-Jul-2021 07:00.

var date = new Date;
var hour = date.getHours();

var getHour = []
for( var i=7; i<hour; i++ ) {
  getHour.push(i+":00");
}

console.log(getHour);

How can I do that?

So the result should be:

Any idea how to do that?

mplungjan · Accepted Answer · 2021-08-03T07:26:04.737

1

Here is one way

It does not hardcode the time in the loop
It pads the hours

Missing: handling DST switching. We can use the .getTimezoneOffset() if we want to have a list that has the correct times across DST

const anHour = 60*60*1000;
const getTimes = (start, end) => {
  const hours = [];
  for (let i = start, n = end.getTime(); i.getTime() <= n; i.setTime(i.getTime()+anHour)) hours.push(`${String(i.getHours()).padStart(2,"0")}:00`);
  return hours;
};


let startDate = new Date(2021, 6, 3, 7, 0, 0, 0);
let endDate = new Date(2021, 6, 4, 7, 0, 0, 0);
console.log(getTimes(startDate, endDate));

// If you do not need to specify dates and times, then have a static array of 
const times = ["07:00",  "08:00",  "09:00",  "10:00",  "11:00",  "12:00",  "13:00", "14:00",  "15:00", "16:00",  "17:00",  "18:00",  "19:00",  "20:00", "21:00",  "22:00",  "23:00",  "00:00",  "01:00",  "02:00",  "03:00",  "04:00",  "05:00",  "06:00",  "07:00" ];

Handling DST would need something like
How to check if DST (Daylight Saving Time) is in effect, and if so, the offset?

edited Aug 03 '21 at 07:26

answered Aug 03 '21 at 06:45

mplungjan

169,008
28
173
236

Hi, how about if startDate and endDate dynamically? – HiDayurie Dave Aug 03 '21 at 06:56
I do not understand. My function will take any start and end - what do you mean by dynamic – mplungjan Aug 03 '21 at 07:08
Hi, I mean startDate will auto get from the current date and endDate will auto get from current date + 1. – HiDayurie Dave Aug 03 '21 at 07:09
That is not what you asked: `Assume I need the hour from 03-Jul-2021 07:00 until 04-Jul-2021 07:00.` – mplungjan Aug 03 '21 at 07:10
It's just assume. The actual is I need the date is not manually – HiDayurie Dave Aug 03 '21 at 07:10
If you need any date from 07 to 07 next day then no need to generate!!! – mplungjan Aug 03 '21 at 07:11
The date is auto, but the time is from 07.00 to 07.00 – HiDayurie Dave Aug 03 '21 at 07:11
But the array is the same ALWAYS UNLESS you want to skip 03:00 in October – mplungjan Aug 03 '21 at 07:13
A list of hours from 07:00 to 07:00 will always be the same for any date unless we need to handle DST. I do not understand your use case here – mplungjan Aug 03 '21 at 07:15

score 0 · Answer 2 · edited Aug 03 '21 at 06:45

0

If I understand your question, it should be something like

var date = new Date;
var hour = date.getHours();

var getHour = []
for (var i = 0; i < 25; i++) {
  getHour.push((hour + i) % 24 + ":00");
}

console.log(getHour); // 8:00, 9:00, ... 8:00

edited Aug 03 '21 at 06:45

mplungjan

169,008
28
173
236

answered Aug 03 '21 at 06:42

pavel

26,538
10
45
61

Javascript/jQuery to display hour in loop from today until tomorrow date

2 Answers2