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

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() {

    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>`

        );

    });

};