调整fullcalendar轴时间格式并隐藏事件时间

Question

我想在fullcalendar中应用这两个更改：

1. Axis时间格式如：10：00-11：00,11：00-12：00,12：00-13：00 ......等等。

2. 隐藏活动时间仅显示活动名称

检查快照

代码我申请了轴格式：

jQuery('#fullcal').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },

    timeFormat: 'H:mm{-H:mmtt }',
    axisFormat: 'H:mm - H:mm',

  events: [
    {
      title: "<?php echo "Booked"; ?>",
      start: new Date(<?php echo "$date, $start"; ?>),
      end: new Date(<?php echo "$date, $end"; ?>),
      allDay: false,
      backgroundColor : "#1FCB4A",
      textColor: "black",
    },
  ],

});

代码axisFormat: 'H:mm - H:mm',重复同一时间。

在事件11:00 - Test中，我只希望显示事件名称测试，如果我发表评论start:和end:，则会在fullcalendar上消失事件。

请帮我在fullcalendar中添加此更改。感谢。

Answer 1

FullCalendar不支持axisFormat中的结束时间，但通过对FullCalendar源代码进行一些小的更改，它变得可能。我在这里提供了一个类似问题的解决方案：https://stackoverflow.com/a/17547384/198065。

您只需提供设置timeFormat: ''即可隐藏活动时间。

Answer 2

FullCalendar确实支持axisFormat中的结束时间。 只需尝试以下代码即可查看上午10:00 - 上午10:45，上午11:00 - 上午11:45等。

axisFormat: 'h:mm tt - h:45 tt',

timeFormat: {
    agenda: 'h:mm{ - h:mm}'
},