控制台和浏览器中的javascript日期对象不同

Question

我有一个日期对象数组，我想在范围滑块中显示为刻度，但滑块中的日期比数组中的值早一天。

console.log结果：

滑块结果：

函数输出到滑块：

const setMapLegend = function(dateLegend){
    // set min and max value in #sliderInput
    querySliderInput.min = dateLegend[0];
    querySliderInput.max = dateLegend[dateLegend.length - 1];

    // add <p> to queryTicks
    dateLegend.forEach((date)=>{
        const ptags = document.createElement('p');
        ptags.innerHTML = date;
        queryTicks.appendChild(ptags)

    })


}

我尝试将日期对象转换为字符串，然后解析它，但仍然很赞

const setMapLegend = function(dateLegend){
    // set min and max value in #sliderInput
    querySliderInput.min = dateLegend[0].toString();
    querySliderInput.max = dateLegend[dateLegend.length - 1].toString();

    // add <p> to queryTicks
    dateLegend.forEach((date)=>{
        const ptags = document.createElement('p');
        console.log(date.toString());

        ptags.innerHTML = date.toString();
        queryTicks.appendChild(ptags)

    })


}

我希望看到数组中的日期没有更改。并且想了解这方面的js行为中的数据对象：在forEach()循环中使用日期对象数组，您会看到它会更改值。但是为什么呢？