Estoy tratando de ocultar un elemento de acordeón en EJS en función de que esté dentro de un rango de fechas específico. Tengo 17 elementos de acordeón que representan cada semana en la temporada de la NFL. Todos los jueves de cada semana, una vez que comience la temporada, tendré que ocultar el elemento de acordeón para esa semana.
Entonces, por ejemplo, en la semana 1 de la temporada de la NFL, a las 6:00 p. m. del jueves, necesito ocultar ese elemento hasta el resto de la temporada de la NFL. Lo mismo para la semana 2, a las 6:00 p. m. del jueves de la semana 2 de la temporada, necesito ocultar ese elemento hasta el resto de la temporada de la NFL, y así sucesivamente para cada semana.
Ya intenté investigar el tema, pero no encontré nada, realmente no estoy pidiendo una muestra de código aquí, más una dirección general o algunas ideas de cómo puedo lograr esto usando EJS. ¡Cualquier sugerencia sería genial!
Dashboard.ejs modal
<div class="modal-body"> <div id="accordion"> <% for(let i = 1; i <= 17; i++){ %> <div class="card"> <div class="card-header" id="heading-<%= i %>"> <h5 class="mb-0"> <button class="btn btn-link" data-toggle="collapse" data-target="#collapse-<%= i %>" aria-expanded="true" aria-controls="collapse-<%= i %>"> Week <%= i %> </button> </h5> </div> <div id="collapse-<%= i %>" class="collapse" aria-labelledby="heading-<%= i %>" data-parent="#accordion"> <div class="card-body"> <form class="mt-3 mb-3" method="POST" action="/api/users/makePicks/<%= i %>"> <% playingBullets.forEach((bullet) => { %> <div class="form-group"> <label for="<%= `${user.name}-${bullet}` %>"> Make your pick for bullet <%= `${bullet}` %> </label> <select class="form-control" name="<%= `${user.name}-${bullet}` %>" id="<%= `${user.name}-${bullet}` %>"> <% teamsArr.forEach(team => { %> <option><%= team %></option> <% }) %> </select> </div> <% }); %> <button type="submit" class="btn btn-primary">Save changes</button> </form> </div> </div> <% }; %> </div> </div> </div>