首页 > 解决方案 > 未捕获的类型错误:**now.toUTCString** 不是 HTMLButtonElement 的函数

问题描述

当我不添加时区时,JS 运行良好,但是当我试图呼应巴巴多斯时区时,我收到以下与 now.toUTCString 相关的错误。我该如何解决?

未捕获的TypeError:now.toUTCString不是 HTMLButtonElement 中的函数。(index.js:24)

const txtTrollName = document.getElementById('txtTrollName');
const txtTrollMsg = document.getElementById('txtTrollMsg');
const btnNewTrollMsg = document.getElementById('btnNewTrollMsg');

function updateTrollbox(trollPost) {
    var trollData = '<p><b>' + trollPost.troll;
    trollData += '</b> said: ' + trollPost.message;
    trollData += ' - <small>' + trollPost.date + '</small><p>';

    // inject into HTML list element
    var currentTrollbox = document.getElementById('trollbox').innerHTML;
    document.getElementById('trollbox').innerHTML = currentTrollbox + trollData;
}

// new trollbox entry
btnNewTrollMsg.addEventListener('click', e => {
    const troll = txtTrollName.value;
    const msg = txtTrollMsg.value;
   // const now = new Date();
    const now = new Date().toLocaleString('en-US', { timeZone: 'America/Barbados' });
    const trollPost = {
        troll: troll,
        message: msg,
        date: now.toUTCString()
    };

    // update posts
    updateTrollbox(trollPost);

    // clear textbox
    document.getElementById('txtTrollName').value = '';
    document.getElementById('txtTrollMsg').value = '';
    console.clear();
});

标签: javascriptnode.jstimezone

解决方案


这是因为 const now = new Date().toLocaleString 已经将其转换为字符串。您正在尝试对字符串使用 toUTCString 方法。您应该对日期对象应用 toUTCString() 方法。


推荐阅读