从 timeLineview 中删除列

Question

我刚刚在FullCalendar下创建了最基本的TimelineView：

<!DOCTYPE html>
<html lang='fr'>
  <head>
    <meta charset='utf-8' />
        <link href='./fullcalendar/packages/core/main.css' rel='stylesheet' />
        <link href='./fullcalendar/packages/timegrid/main.css' rel='stylesheet' />
        <link href='./fullcalendar/packages-premium/timeline/main.css' rel='stylesheet' />
        <link href="layout.css" rel="stylesheet"  />
        
        <script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.js'></script>
        <script src='./fullcalendar/packages/core/main.js'></script>
        <script src='./fullcalendar/packages/timegrid/main.js'></script>
        <script src='./fullcalendar/packages/core/locales/fr.js'></script>
        <script src='./fullcalendar/packages-premium/timeline/main.js'></script>
        <script src='./fullcalendar/packages-premium/resource-common/main.js'></script>
        <script src='./fullcalendar/packages-premium/resource-timegrid/main.js'></script>
        <script src='./fullcalendar/packages-premium/resource-timeline/main.js'></script>

        <script src="./jquery-3.4.1.min.js" type="text/javascript"></script>
    

    
  </head>
  <body>
     <div id='calendar'></div>
    </body>
</html>
<script>
    var calendarEl = document.getElementById('calendar');
    calendar = new FullCalendar.Calendar(calendarEl, {
        schedulerLicenseKey:'',
        plugins: ['resourceTimeline'  ],
        defaultView: 'resourceTimelineMonth'})
    calendar.render();  
</script>

问题是它在我不想要的第二个位置呈现灰色列

如何删除/隐藏此列？

谢谢

Answer 1

您忘记包含资源时间线 CSS 文件。我无法使用标准调度程序设置重现您的问题。演示：https://codepen.io/ADyson82/pen/WNQyrzN

但是如果您删除该文件，那么您的问题就会开始出现。演示：https://codepen.io/ADyson82/pen/mdeKVLQ

我还看到上面显示的代码中缺少相关的 CSS 文件。在您的情况下，我希望您需要这样的 link：

<link href='./fullcalendar/packages-premium/resource-timeline/main.css' rel='stylesheet' />

FullCalendar plugin index 显示每个插件正常工作所需的 JS 和 CSS 文件（如果有）。

从 timeLineview 中删除列

remove column from timeLineview

html

css

fullcalendar

fullcalendar-4

fullcalendar-scheduler