如何控制将项目放置在动态渲染的EJS列表中的位置？

发布于 2025-02-12 16:27:50 字数 1007 浏览 0 评论 0原文

我在EJ中有一个＆lt; ol＆gt;，该>由从数据库中的对象获得的信息组成。当我制作新对象时，列表将获得新的＆lt; li＆gt;以及其信息。这些对象都有一个日期作为其第一个字段。

是否可以根据此日期字段按时间顺序排序＆lt; ol＆gt;？即，列表中最接近的日期为“ 1”，但是如果添加了较早日期的对象，它将变为“ 1”，并且前面的接近日期变为'2'。该日期还包含在其自己的＆lt; span＆gt;中。

这就是我的EJS现在的样子：

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

原文

I have an <ol> in EJS that consists of info obtained from objects in a database. As I make new objects, the list gets a new <li> with their information. These objects all have a date as their first field.

Is it possible to have the <ol> sort itself chronologically based on this date field? i.e., nearest date is '1' in the list, but if an object with an earlier date is added it will become '1' and the previous near date becomes '2'. The date is also contained in its own <span> within the list.

Here's what my EJS is looking like for now:

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

分享到QQ

分享到微博