Tengo dos horas, inicio y final, quiero recorrer ambas y mostrar un array con ngfor algo así:
Actualmente obtengo la hora de inicio y la hora final de un objeto y lo formateo con momentJS:
// Mapeo el objeto para obtener la hora de inicio y almaceno en variable start
this.start = this.bookingService.bookingModel.affiliate?.attentionSchedules.map(schedule => schedule.schedules.map(initialTimeStr => initialTimeStr.initialTimeStr));
console.log('start', this.start);
//Mapeo el objeto para obtener la hora de inicio y almaceno en variable end
this.end = this.bookingService.bookingModel.affiliate?.attentionSchedules.map(schedule => schedule.schedules.map(finalTimeStr => finalTimeStr.finalTimeStr) );
console.log('end', this.end);
//Formateo las horas
let start = moment(this.start, "HH:mm");
let end = moment(this.end, "HH:mm");
//let diff = end.subtract(start);
console.log('let start', start);
console.log('let end', end);
//intento obtener el rango
let rangoHoras = momentRange.range(start, end);
//rango start y end
rangoHoras.start.format('HH:mm');
rangoHoras.end.format('HH:mm');
console.log('range start', start);
console.log('range', rangoHoras);
// this.selectedPlace = this.bookingService.bookingModel.affiliate?.attentionSchedules.filter(schedule => schedule.place._id === this.addressID)
console.log('hourEnd :>>', this.bookingService.bookingModel.affiliate?.attentionSchedules.map(schedule => schedule.schedules.map(finalTimeStr => finalTimeStr.finalTimeStr)));
//Si ha seleccionado el lugar
if(this.selectedPlace){
console.log('hourStart :>>', this.bookingService.bookingModel.affiliate?.attentionSchedules.map(schedule => schedule.schedules.map(initialTimeStr => initialTimeStr.initialTimeStr)));
}
¿Cómo podría hacerlo? ¿Cómo obtengo de un array el rango de esta hora con una diferencia de una hora aplicando lib Moment JS?