隐藏特定日期范围内的 EJS 手风琴元素

如何解决隐藏特定日期范围内的 EJS 手风琴元素

我试图根据特定日期范围内的手风琴元素在 EJS 中隐藏它。我有 17 个手风琴元素，每个元素都代表 NFL 赛季的每周。赛季开始后，每周的每个星期四我都需要隐藏该周的手风琴元素。

例如，在 NFL 赛季的第 1 周，周四下午 6 点，我需要隐藏该元素，直到 NFL 赛季的剩余时间。第 2 周也是如此，在本赛季第 2 周星期四下午 6 点，我需要隐藏该元素，直到 NFL 赛季剩余时间，以此类推。

我已经尝试过研究该主题，但没有找到任何东西，我并不是真的要在这里提供代码示例，而是更多的总体方向或有关如何使用 EJS 实现这一目标的一些想法。任何建议都会很棒！

Dashboard.ejs 模态

<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>