forEach date range with 20 minute increments in Angular

JavaScript
#1

Hi,

I have an angular project that is showing a start_at and end_at eg: 09:00 - 11:00

I would like to iterate through from the start time to the end time and show times every 20 minutes

like the following:
09:00 | 09:20 | 09:40 | 10:00 | 10:20 | 10:40 | 11:100:
Can anyone please help here?

Thanks

#2

sure can :3 this vid might help a lil

#3

thanks, I just need to show

09:00 | 09:20 | 09:40 | 10:00 | 10:20 | 10:40 | 11:00

from a start_at of 09:00
and an end_at of 11:00

#4

I would like to iterate through from the start time to the end time and show times every 20 minutes
best way to implement that seems to me like a added countdown function

#5

but I don’t want it to function like a countdown, this is confusing me

#6

I would create an array of times in your component and then use an *ngFor.

#7

Increasing in 20 minute steps is the same concept as a countdown.

A timer that steps downward in 1 minute steps has, for example, an interval or step parameter of -1. A timer that steps up in 20 minute steps has a step parameter of 20. The function and concept is the same in both cases.

You’ll get a lot of use out of well applied, versatile abstractions.

#8

I don’t think that @jbiddulph is trying to write a countdown. They want to display all 20 minute periods that exist between two times, like you might see in a daily planner.

image
image750×1000 194 KB

#9