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

Question

我正在执行 GET 请求以在页面上显示信息---在我的控制台中我可以看到 _data.Created 的日期是正确的，但在页面本身上它显示的是今天的 12 月日期第二。我正在使用 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() {
    const resp = await axios.get(`${_something}/_api/lists/GetByTitle('someName')/Items?$select=ID,Title,Body,Created,Link&$orderby=Created%20desc&$top=4`, restHeaders)
    let _data = resp.data.d.results;
    _data.slice(0, 4).forEach(m => {
        let _newDate = moment(m.Created).utc().format("MMMM D, YYYY");
        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>`
        );
    });
};

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

Data on page is different than data in console

javascript

jquery

get

momentjs

axios

JS: