我正在为网站制作日历。我想在单元格下显示月份的数字,如下所示:
这里有一些活动,下面有一个日期
Декабрь | 08
以防万一,举一个直观的例子:
我不确定这是否可以实现,因为当我打开 devtools 时,我看到每个单元格都在 fc-daygrid-day-frame fc-scrollgrid-sync-inner div 中,并且里面还有 3 个 div。 fc-daygrid-day-top 这里是当天的日期,fc-daygrid-day-events 我怀疑这个 div 是需要显示未来事件的,fc-daygrid-day-bg 我不太明白它是做什么用的。我尝试使用相对位置和绝对位置来移动日期,但是有点笨拙。理论上,无需超出单元格就可以实现类似的结果,我们将数字降低并将它们按到左侧,并从角落处缩进,诸如此类,但我仍然想考虑在单元格下方显示日期的选项。 + 我不知道如何在日期(当前月份)中添加破折号。请告诉我如何实现这一点,如果在另一个框架上有实现,我准备考虑它。最主要的是,有某些东西接近所描述的概念。
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
dayHeaders: false,
headerToolbar: {
start: '',
center: '',
end: '',
},
});
calendar.render();
});
.game__release__calendar #calendar {
width: 900px;
margin: 0 auto;
padding: 100px 0;
}
.game__release__calendar #calendar a {
color: #ffffff;
}
.game__release__calendar #calendar.fc td,
.fc th {
border-style: none;
}
.game__release__calendar #calendar .fc-scrollgrid.fc-scrollgrid-liquid {
border: none;
}
<script src='https://cdn.jsdelivr.net/npm/[email protected]/index.global.min.js'></script>
<section class="game__release__calendar">
<div class="container">
<div id='calendar'></div>
</div>
</section>
链接到 fullcalendar https://fullcalendar.io/
ps 我通过脚本标签使用连接,框架作为文件夹下载。
提前感谢您的帮助。