JavaScript объект даты отличается в консоли и браузере

Question

У меня есть массив объекта даты, который я хочу отображать в ползунке диапазона как метки, но дата в ползунке на день раньше, чем значение в массиве.

console.log result:

результат слайдера:

функция, выводимая на слайдер:

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)

    })


}

Я пытался превратить объект даты в строку, а затем проанализировать его, но все же sanme

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(), вы увидите, что он меняет значение.Но почему?