页面上的数据与控制台中的数据不同

Question

我正在执行 GET 请求以在页面上显示信息 — 在我的控制台中，我可以看到 的日期_data.Created是正确的，但在页面本身上它显示的是今天的日期 12 月 2 日。我用来moment.js格式化创建日期。

我最近所做的更改是删除了<p>以前位于<a>标签之间的标签，但我看不出这会如何扰乱日期。另外，我不记得过去看到过这个错误，但我可能错过了它。

关于发生了什么以及如何解决它有什么想法吗？我们将不胜感激。

JS：

async function displayAnnouncements() {

    axios.get(`${_something}/_api/lists/GetByTitle('someName')/Items?$select=ID,Title,Body,Created,Link&$orderby=Created%20desc&$top=4`, restHeaders)

         .then(resp => {

            let _data = resp.data.d.results;

            let _newDate = moment(_data.Created).utc().format("MMMM D, YYYY");

            console.log(_data)

                _data.slice(0, 4).forEach(m => {

                    const itemLink = $(`<a href="#close" data-toggle="modal" data-target="#bkEvts-${m.ID}" class="cont_evts-link" title="View Announcement">

                        <b>${m.Title}</b> - <i>${_newDate}</i>

                    </a><br>`)

// etc

这是控制台和页面：

Answer 1

_data是一个数组。_data.Created将导致undefined. 所以你要undefined回到moment今天。相反，请格式化数组中每个项目的日期。async function displayAnnouncements() {&nbsp; &nbsp; const resp = await axios.get(`${_something}/_api/lists/GetByTitle('someName')/Items?$select=ID,Title,Body,Created,Link&$orderby=Created%20desc&$top=4`, restHeaders)&nbsp; &nbsp; let _data = resp.data.d.results;&nbsp; &nbsp; _data.slice(0, 4).forEach(m => {&nbsp; &nbsp; &nbsp; &nbsp; let _newDate = moment(m.Created).utc().format("MMMM D, YYYY");&nbsp; &nbsp; &nbsp; &nbsp; const itemLink = $(&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; `<a href="#close" data-toggle="modal" data-target="#bkEvts-${m.ID}" class="cont_evts-link" title="View Announcement">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <b>${m.Title}</b> - <i>${_newDate}</i>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </a><br>`&nbsp; &nbsp; &nbsp; &nbsp; );&nbsp; &nbsp; });};