Javascript Fullcalendar插槽不在完整列中且从中间开始

我使用的是15分钟的完整日历周视图

插槽不是作为一个完整的列出现的，每个插槽都从行的中间开始

在屏幕截图中，上午9点是从行中间开始的，而不是从行中间开始的。如何实现我在文档中找不到任何内容

以下是我的日历设置

$(function() {

  $('#calendar').fullCalendar({
    defaultView: 'agendaWeek',
    allDaySlot: false,

    minTime: "00:00:00",
    maxTime: "24:00:00",

    slotDuration: '00:15:00',
    slotLabelInterval: 15,
    slotLabelFormat: 'h(:mm)a',

    groupByResource: true,
    header: {
      left: 'prev,next',
      center: 'title',
      right: 'agendaDay,agendaWeek'
    },
    views: {
      agendaWeek: {
        type: 'agenda',
        duration: { days: 7 }
      }
    },
    resources: [
      { id: 'a', title: 'Room A' }
    ],
    events: [
      {
        title: 'Available',
        start: '2018-09-03T07:30:00',
        end: '2018-09-07T23:00:00',
        color: 'rgba(83,253,173,0.3)'
      },
      { 
        title: 'Booked',
        start: '2018-09-03T09:30:00',
        end: '2018-09-03T10:00:00',
        color: 'rgba(253,83,83,0.3)',
        description: 'This is a cool event'
      },
      { 
        title: 'Buffer Time',
        start: '2018-09-04T09:30:00',
        end: '2018-09-04T10:00:00',
        color: 'rgba(74,74,74,0.5)',
        description: 'This is a cool event'
      },
      { 
        title: 'Rest Time',
        start: '2018-09-05T09:30:00',
        end: '2018-09-05T10:00:00',
        color: 'rgba(240,212,80,0.5)',
        description: 'This is a cool event'
      }
    ]

});

---

从屏幕截图上看，您似乎部署了一些自定义CSS来更改日历的外观。这是最有可能开始寻找问题的地方。删除所有内容并使用fullCalendar提供的默认CSS，然后查看您是否仍然存在问题。顺便说一句，上面的代码不会生成屏幕截图中显示的输出（忽略样式更改）-请参阅，因为您的事件上没有任何资源ID。如果代码是正确的，它确实有助于解决问题。如果我纠正了这一点，那么将显示事件。令人恼火的是，由于事件数据不同，事件仍然没有再现屏幕截图。当试图重现一个问题时，这是令人沮丧的！请尝试在你的问题中创建一个一致的例子。但是，您至少可以看到，事件相对于时间网格的定位没有问题。我99.99%确定这是你的CSS的问题。你是对的@ADyson，这是因为定制的CSS谢谢你的考虑