Javascript 如何解决滚动日历位置问题

我有这个虚拟的滚动日历，我只是不能得到正确的日期和日期的位置，请帮助

如果有人能帮助我，我将非常感激

可选：请同时演示如何根据当前日期呈现日期和天数

const daysUL=document.querySelector（“.days ul”）；
const datesUL=document.querySelector（“.dates ul”）；
const datesLeft=document.getElementById（“左”）；
const datesRight=document.getElementById（“右”）；
设计数器=0；
datesLeft.addEventListener（“单击”，（）=>{
计数器>=0？空：（计数器-=150）；
log（datesUL.querySelector（“li”）.getBoundingClientRect（））；
log（daysUL.getBoundingClientRect（））；
格洛比({
左：-282，
行为：“平滑”，
});
});
datesRight.addEventListener（“单击”，（）=>{
计数器+=150；
log（datesUL.querySelector（“li”）.getBoundingClientRect（））；
log（daysUL.querySelector（“li”）.getBoundingClientRect（））；
格洛比({
左：282，
行为：“平滑”，
});
});
正文{
宽度：100vw；
高度：100vh；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.压延机{
宽度：15vw；
高度：20vh；
}
.天{
显示器：flex；
宽度：100%；
对齐项目：居中；
证明内容：中心；
}
.天ul{
列表样式：无；
显示器：flex；
对齐项目：居中；
宽度：120%；
左侧填充：0；
}
李天佑{
填充：0.6rem；
}
.日期{
宽度：100%；
对齐项目：居中；
证明内容：中心；
显示器：flex；
}
.日期ul{
溢出x：隐藏；
宽度：83%；
列表样式：无；
显示器：flex；
过渡：所有0.3秒缓解；
}
.剩下的日期{
过渡：所有0.3秒缓解；
}
.日期对吗{
左边距：2米；
过渡：所有0.3秒缓解；
}
李先生{
填充：0.5雷姆；
右侧填充：1rem；
左：1rem；
}
.日期ul li：第一种类型{
左：3倍；
}

M

钼
屠
我们
TH
FR
SA
苏

M

一,
二,
三,
四,
五,
六,
七,
八,
九,
十,
十一,
十二,
十三,
十四,
十五
十六,
十七,
十八

是否尝试将日期与日期一起滚动？