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

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

例如，在NFL赛季的第一周，周四下午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>

周
{ %>
选择子弹
{ %>
保存更改