tengo varios intervalos de horas en un arreglo, ejemplo
[
{abre: "08:00", cierra: "13:00"},
{abre: "14:00", cierra: "16:00"}
]
asi obtengo mi hora actual
var today = new Date()
var actualDay = today.getDay()
var hour = new Date('1/1/1999 ' + `${today.getHours()}:${today.getMinutes()}`);
y necesito mostrar una vista en el HTML bien sea Abierto o Cerrado
he intentado recorrer el arreglo asi
horario.forEach(item => {
var open = new Date('1/1/1999 ' + item.open);
var close = new Date('1/1/1999 ' + item.close);
if ( hour >= open && close >= hour) {
let abierto = document.getElementById("abierto") as HTMLElement
abierto.innerHTML = "ABIERTO"
return
} else {
let cerrado = document.getElementById("cerrado") as HTMLElement
cerrado.innerHTML = "CERRADO"
return
}
});
pero me devuelve la vista "ABIERTO" "CERRADO" es decir ambos,
tambien cree variables booleanas para recorrer el array de esta manera
horario.forEach(item => {
var open = new Date('1/1/1999 ' + item.open);
var close = new Date('1/1/1999 ' + item.close);
if ( hour >= open && close >= hour) {
this.cerrado = false
this.abierto = true
} else {
this.abierto = false
this.cerrado = true
}
});
}
Pero al hacer esto siempre termina evaluando la ultima posicion del arreglo,
alguna idea?