Generating 30 minutes time slots going into next day using moment.js

Question

var x = {
    next-slot: 30,
    start-time: '21:00',
    end-time: '05:00'
}

I want to generate time slots , starting from start Time till end Time. Output should be

[21:00, 21:30, 22:00, 22:30, 23:00, 23:30, 00:00, 00:30, 01:00, 01:30, 02:00, 02:30, 03:00, 03:30, 04:00, 04:30]

I am doing below logic Its working for (Below Date range) start-time: '05:00', end-time: '21:00' Not Working For : (Below Date range) start-time: '21:00', end-time: '05:00'

const hours = [];
          for (
            let hour = Number(start-time[0]);
            hour <= Number(end-time[0]);
            hour++
          ) {
              hours.push(moment({ hour }).format('kk:mm'));
              hours.push(
                moment({
                  hour,
                  minute: 30,
                }).format('kk:mm')
              );
          }

https://stackoverflow.com/questions/48276306/display-time-duration-based-on-start-and-end-date-with-interval-using-moment-js — Chellappan வ, Jul 21 '20 at 04:29
Hi Chellappan, I need time slots from these rage: start-time: '21:00', end-time: '05:00' [21:00, 21:30, 22:00, 22:30, 23:00, 23:30, 00:00, 00:30, 01:00, 01:30, 02:00, 02:30, 03:00, 03:30, 04:00, 04:30] — dara naga anjani prasad, Jul 21 '20 at 04:36
The above link you shared that is not work for my Criteria. Please help me out.. — dara naga anjani prasad, Jul 21 '20 at 04:38

Always Helping · Accepted Answer · 2020-07-21T05:06:24.093

This is what you need. To get the time you will use format as HH:mm for start time in data.

The end time you have is in the next day so we need to use moment.js add() function which we will use to add 1 day to end time.

Next while loping over the time we will set interval from our data which is set to 30 in moment.js minutes

Run snippet below to see it working.

//Data
let x = {
  slotInterval: 30,
  openTime: '21:00',
  closeTime: '05:00'
};

//Format the time
let startTime = moment(x.openTime, "HH:mm");

//Format the end time and the next day to it 
let endTime = moment(x.closeTime, "HH:mm").add(1, 'days');

//Times
let allTimes = [];

//Loop over the times - only pushes time with 30 minutes interval
while (startTime < endTime) {
  //Push times
  allTimes.push(startTime.format("HH:mm")); 
  //Add interval of 30 minutes
  startTime.add(x.slotInterval, 'minutes');
}

console.log(allTimes);

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.23.0/moment.min.js"></script>

For anyone using dayjs, remember to do startTime = startTime.add(30, 'minutes') because dayjs.add() doesn't mutate. — Edwin, Oct 06 '21 at 21:23
@Edwin if i read your comment i dont need to spend hour just to figure out how to make it work with dayjs. — Aslam H, May 23 '22 at 17:49

Generating 30 minutes time slots going into next day using moment.js

1 Answers1