【问题标题】:Fullcalendar - Disable overlapping eventsFullcalendar - 禁用重叠事件
【发布时间】:2011-08-17 18:51:54
【问题描述】:

我有一个显示特定人约会的日历。如何设置 fullcalendar 以使日历上的事件不能相互重叠?

谢谢

【问题讨论】:

标签: fullcalendar


【解决方案1】:

此选项自 2.20 起纳入

eventOverlap: false

http://fullcalendar.io/docs/event_ui/eventOverlap/

【讨论】:

    【解决方案2】:

    选择时可以禁用重叠:

    selectOverlap: false
    

    当你拖放时:

    eventOverlap: false
    

    【讨论】:

      【解决方案3】:
      var events = $('#calendar').fullCalendar('clientEvents');
      
      // start-time in between any of the events
      if(eventStartDay > events[i].start && eventStartDay < events[i].end){
          return true;
      }
      //end-time in between any of the events
      if(eventEndDay > events[i].start && eventEndDay < events[i].end){
          return true;
      }
      //any of the events in between/on the start-time and end-time
      if(eventStartDay <= events[i].start && eventEndDay >= events[i].end){
          return true;
      }
      

      【讨论】:

      • 在将它们放入函数后检查这些条件并在创建/更新事件时调用该函数!我对同样的问题感到困扰:) 希​​望它至少能给我一些想法。
      【解决方案4】:

      我想实现这一点的最简单方法是操纵事件源。也就是说,如果您使用的是可更改的源。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2022-01-20
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-01-23
        相关资源
        最近更新 更多