在客户端从服务器格式化或操作日期

Question

我在服务器端具有名为dateDate和endDate的javascript日期属性，并使用模板引擎（ejs）将其注入html页面。

<main>
        <% if (events.length > 0) { %>
        <div class="grid">
            <% for (let i=0; i<events.length; i++) { %>
            <article class="card">
                <div class="card__text">
                    <h1>
                        <%= events[i].title %>
                    </h1>
                </div>
                <div class="card__img">
                    <img src="<%= events[i].imageUrl %>" alt="<%= events[i].title %>">
                </div>
                <div class="card__text card__description">
                    <p>
                        <%= events[i].description %>
                    </p>
                </div>
                <div class="card__text">
                    <p>
                        Start Time:
                        <%= events[i].startDate%>
                    </p>
                </div>
                <div class="card__text">
                    <p>
                        End Date:
                        <%= events[i].endDate %>
                    </p>
                </div>
                <div class="card__text">
                    <p>
                        <%= events[i].location %>
                    </p>
                </div>
                <div class="card__text">
                    <h2>$
                        <%= events[i].price %>
                    </h2>
                </div>
                <div class="card__actions">
                    <a href="/events/<%= events[i]._id %>" class="btn">
                        Details
                    </a>
                    <%- include('../includes/add-to-calendar.ejs', {event:events[i]}) %>
                </div>
            </article>
            <% } %>
        </div>
        <% } else { %>
        <h1>No Events Found!</h1>
        <% } %>
    </main>

其中startDate和endDate是javascript日期。在我格式化它们并将它们放入一个单独的数组之前，但是现在我的数据结构变得很复杂，无法继续使用此方法...是否可以在客户端格式化此日期？我能想到的方法，但它们似乎有点令人费解。谢谢。