Javascript FullCalendar dayRender未以正确的日期呈现价格

问题是价格呈现在不正确的行中

在上面的截图中，我有两个问题

我有7月12日至14日的约会，我禁用了它们。 日期确实被禁用，但应该删除的价格在日期中被删除 7月5日至7日。[1] :

我从7月9日至11日更改了价格，但它呈现出7月2日至4日的价格 [2] :

dayRender（dayRenderInfo）{
const dayInfo=this.CalendarDays.filter（CalendarDay=>moment（CalendarDay.day）.isname（dayrendrinfo.date，'day'）；
如果（dayInfo.length>0）{
//console.log（dayInfo[0]。是否可用===false）；
if（dayInfo[0]。是否可用===false）{
dayRenderInfo.el.innerHTML=“”；
dayRenderInfo.el.classList.add（“fc过去”）；
}否则{
dayRenderInfo.el.innerHTML=`
$${dayInfo[0]。价格}
`
}
}否则{
dayRenderInfo.el.innerHTML=`
$${this.calendarPrice}
`
}
},

让我非常困惑的是，添加类列表确实可以正常工作。 但问题是如何使用innerHTML呈现定价

dayrendrinfo.el.innerHTML=“”；
dayRenderInfo.el.classList.add（“fc过去”）；

解决了这个问题。 这与CSS问题有关

通过改变这个类解决了这个问题

    .day-price {
        position: absolute;
        color: #00A699;
        bottom: 4px;
        right: 2px;
    }

以及删除一些css类

            dayRender(dayRenderInfo) {
                const dayInfo = this.CalendarDays.filter(CalendarDay =>  moment(CalendarDay.day).isSame(dayRenderInfo.date, 'day'));

                if (dayInfo.length > 0) {
                    if (dayInfo[0].is_available === false) {
                        dayRenderInfo.el.innerHTML = "";
                        dayRenderInfo.el.classList.add("fc-past");
                    }
                    else {
                        dayRenderInfo.el.innerHTML = `<span class="text-green-600 font-semibold day-price">$${dayInfo[0].price}</span>`
                    }
                } else {
                    dayRenderInfo.el.innerHTML = `<span class="text-green-600 font-semibold day-price">$${this.calendarPrice}</span></div>`
                }
            },,

dayRender（dayRenderInfo）{
const dayInfo=this.CalendarDays.filter（CalendarDay=>moment（CalendarDay.day）.isname（dayrendrinfo.date，'day'）；
如果（dayInfo.length>0）{
if（dayInfo[0]。是否可用===false）{
dayRenderInfo.el.innerHTML=“”；
dayRenderInfo.el.classList.add（“fc过去”）；
}
否则{
dayRenderInfo.el.innerHTML=`${dayInfo[0].price}`
}
}否则{
dayRenderInfo.el.innerHTML=`${this.calendarPrice}`
}
},,

我们可以查看您的

日历日

数组的定义/内容吗？请提供可用的Javascript代码。这样，我就可以生成可运行的代码，试图重现和理解您的问题。谢谢。解决了，这是一个CSS问题。