为什么日期函数没有返回我预期的输出？

Question

我正在构建简短的 Web 应用程序，并使用 axios.js 将数据发送到数据库。但是，当我从数据库中获取日期时，会呈现完整的日期，而我只希望 getDate()、getMonth() 和 getFullYear() 起作用，但它们似乎不起作用。

这是 Windows 7 本地主机服务器。我已经厌倦了用不同的方式称呼它。

function itemTemplate(item) {

  return `<li class="list-group-item list-group-item-action d-flex align-items-center justify-content-between" 

  style = "background-color: #cff0cc;

    color: #498a17;

    font-family: 'Kite One', sans-serif;">

  <span class="item-text">Date: ${item.date.getDate()} / ${item.date.getMonth() +

    1} / ${item.date.getFullyear()} - ${item.text}</span>

  <div>

  <button data-id="${

    item._id

  }" class="edit-me btn btn-primary btn-sm" style="background-color: darkgrey;border-color: grey;"><i class="fa fa-edit" style="width: 10px;"></i></button>

  <button data-id="${

    item._id

  }" class="delete-me btn btn-danger btn-sm"><i class="fa fa-minus-circle" aria-hidden="true" style="width: 10px;"></i>

  </button>

  </div>

  </li>`;

}

// Initial Page Load Render

let ourHTML = items

  .map(function(item) {

    return itemTemplate(item);

  })

  .join("");

document.getElementById("item-list").insertAdjacentHTML("beforeend", ourHTML);

// Create Feature

let createField = document.getElementById("create-field");

let createdDate = new Date();

document.getElementById("create-form").addEventListener("submit", function(e) {

  e.preventDefault();

  axios

    .post("/create-item", { text: createField.value, date: createdDate })

    .then(function(response) {

      // Create the HTML for a new item

      document

        .getElementById("item-list")

        .insertAdjacentHTML("beforeend", itemTemplate(response.data));

      createField.value = "";

      createField.focus();

    })

    .catch(function() {

      res.send("Please try again later.");

    });

});

预期的是，这三个日期函数的工作，但错误消息显示“item.date”在第 6 行未定义