Javascript 如何以全高渲染FullCalendar 2.9.0实例?

Javascript 如何以全高渲染FullCalendar 2.9.0实例?,javascript,css,fullcalendar,icalendar,Javascript,Css,Fullcalendar,Icalendar,我想将远程ICS馈送加载到。然而,由于这在本质上是不可能的,所以我使用 但是fc remote ical很旧,使用fullcalendar.js 2.9.0版,与较新的版本不同,它不提供简单的全高选项 有人能推荐我可以添加的合适的CSS/JS,这样它的行为就像Fullcalendar的一样吗 谢谢你的提示 试试这些CSS规则。他们以你为例为我工作 #日历的最大宽度为900px,因此将其重置为100% .fc scroller.fc day grid container的宽度设置为649px,请

我想将远程ICS馈送加载到。然而,由于这在本质上是不可能的,所以我使用

但是fc remote ical很旧,使用fullcalendar.js 2.9.0版,与较新的版本不同,它不提供简单的全高选项

有人能推荐我可以添加的合适的CSS/JS,这样它的行为就像Fullcalendar的一样吗


谢谢你的提示

试试这些CSS规则。他们以你为例为我工作

  • #日历
    的最大宽度为
    900px
    ,因此将其重置为
    100%
  • .fc scroller.fc day grid container
    的宽度设置为649px,请覆盖该值
  • .fc day grid.fc unselectable
    需要设置一个高度才能延伸到页面
  • .fc basic view.fc body.fc行
    有一些明确设置的高度。日历可能总是有6行,所以我把它除以6。如果只有五行,您可能需要使用JS向该表添加一个类来指定这些行的高度
//控制宽度
#历法{
宽度:100%;
最大宽度:100%;
}
//控制高度
.fc-scroller.fc-day-grid-container{
高度:89vh!重要;//调整此值以满足您的需要
溢出:隐藏;//可选
}
.fc scroller>.fc日网格,.fc scroller>.fc时间网格{
高度:100vh!重要;
}
.fc-day-grid.fc-不可选择{
身高:100%!重要;
//控制每行的高度
.fc基本视图.fc正文.fc行{
最小高度:4em;
高度:计算(100%/6)!重要;

}
据我所知,远程ical插件与fullCalendar交互的唯一方式是将数据添加为事件源(一旦翻译完成)。因此,修改数据以使用新版本非常容易。太棒了!非常感谢:)