首页 > 解决方案 > 我正在使用完整日历资源时间线周视图,版本 5。日期水平滚动。我想垂直滚动日期

问题描述

有什么方法可以实现日期的垂直滚动。可以在css change的帮助下完成吗?这是我的日历代码。是否有任何其他 JS 日历在周视图中有垂直滚动日期?

document.addEventListener('DOMContentLoaded', function() {
      var calendarEl = document.getElementById('calendar');

      var calendar = new FullCalendar.Calendar(calendarEl, {
   
        selectable: true,
        resourceAreaWidth:'10%',
        locale: 'ja',
        slotDuration:'00:30:00',
        aspectRatio: 2.8,
        slotMinTime:"08:30:00",
        slotMaxTime:"20:30:00",
        slotLabelInterval:"00:30:00",
        //eventContent: 'some text', timeGridWeek listWeek
        headerToolbar: {
               left: '',
               center: 'title',
               right: 'resourceTimelineDay resourceTimelineFiveDays'
             },
             footerToolbar: {
                    center: 'prev next'
                  },
             initialView: 'resourceTimelineDay',
             views: {
               resourceTimelineFiveDays: {
                 type: 'resourceTimeline',
                 duration: { days: 5 },
                 buttonText: '週'
               },
               resourceTimelineDay: {
                 type: 'resourceTimeline',
                 duration: { days: 1 },
                 buttonText: '今日'
               }
             },

标签: javascriptfullcalendar-schedulerfullcalendar-5

解决方案


推荐阅读