收到＆＃34;无效日期＆＃34;尝试使用Javascript渲染日期时

Question

在我的CRUD应用程序中使用Node，Express，MongoDB和EJS作为我的视图引擎，我在尝试在“视图”页面上呈现日期时遇到错误。用户界面并输出＆＃34;无效日期＆＃34;在牢房里。我在这里做错了什么，因为当我在repl.it上测试它时它运行正常？

来自我的Controller.js文件：

//show events
function showEvents(req, res) {
  //get all events
  Event.find({}, (err, events) => {
    if(err) {
      res.status(404);
      res.send('Events not Found');
    }

    let dates = [];

    for (i = 0; i < events.length; i++) {
      let date = new Date(events[i].date);
      dates.push(date.toDateString());
    };
    console.log(dates);
    //correct data

    // return a view with data
    res.render('pages/events', {
      events: events,
      dates: dates,
      success: req.flash('success')
    });
  });
}

来自我的Events.EJS文件：

<tbody>

 <% for (var i = 0; i < events.length; i++) { %>
      <tr>
        <td><%= events[i].name %></td>
        <td><%= events[i].description %></td>
        <td><%= dates[i] %></td>
        <td><%= events[i].course %></td>
        <td><%= events[i].slope %></td>
        <td><%= events[i].rating %></td>
        <td><%= events[i].score %></td>
        <td><%= events[i].front %></td>
        <td><%= events[i].back %></td>
        <td>
          <a href="/events/<%= events[i].slug %>" class="btn btn-sm btn-primary">View</a>
          <a href="/events/<%= events[i].slug %>/edit" class="btn btn-sm btn-primary">Edit</a>
          <a href="/events/<%= events[i].slug %>/delete" class="btn btn-sm btn-danger">Delete</a>
        </td>
      </tr>
    <% } %>

  </tbody>