Tengo un <ol> en EJS que consta de información obtenida de objetos en una base de datos. A medida que creo nuevos objetos, la lista obtiene un nuevo <li> con su información. Todos estos objetos tienen una fecha como su primer campo.

¿Es posible que el <ol> se ordene cronológicamente en función de este campo de fecha? es decir, la fecha más cercana es '1' en la lista, pero si se agrega un objeto con una fecha anterior, se convertirá en '1' y la fecha cercana anterior se convertirá en '2'. La fecha también está contenida en su propio <span> dentro de la lista.

Así es como se ve mi EJS por ahora:

 <ol class="shows"> <% for(let i=0; i < info.length; i++) {%> <li class="show"> <span class="bold"><%= info[i].date %></span><span> </span><span><%= info[i].bands %></span><span> - </span><span><%= info[i].venue %></span><span> - </span><span><%= info[i].ticketPrice %></span><span> - </span><span><%= info[i].startTime %></span><span> - </span><span><a href="<%= info[i].ticketLink %>">♣</a></span> </li> <% } %> </ol>