将日期分为FullCalendar中的几个部分 [英] Dividing days into several sections in FullCalendar

问题描述

我想把日子分成几个部分，例如一天内有很多事件发生在不同的房间（A，B，C），我想把每一天分成A，B， C分隔不同房间的活动。有没有办法做到这一点？

解决方案

我有相同的prerequesites，我会这样做：

完整日历选项：

• 创建一个标题，前导，下一个和今天的完整日历控制 。
  
• 在没有导航的情况下创建N个fullcalendarevents，并为每个房间设置每个标题。
  
  
  

  您应该使用一些技巧来呈现漂亮的日历：

  
  
  
  
  
  • 日历控制：隐藏body fc-content （CSS display：none ）
  
  
  • 第二日历和：隐藏左轴 fc-agenda-axis ：
    
    
    

    在您的数据和js处理中：
    
    ul>
    

  • Fullcalendar控件必须控制所有其他日历（请参阅ħ我是否使用Jquery FullCalendar从另一个视图设置日历视图的日期？）
  
  
  • 将事件从A房间加载到日历A，B房间到日历B等。 你可以从这个jsfiddle开始： http://jsfiddle.net/8ZM4x/1/
    
    

    然后用你的事件替换事件源：

      $（'＃mycalendar1'）。fullCalendar（
     {
     events：[
     ... 
    ] 
    }）; 
      

    
    

    I want to divide days into sections, for example there are a lot of events in one day, and they take place in different rooms (A, B, C), I want to divide each days into columns A, B, C to separate events from different rooms. There is any way to do this?

    解决方案

    I had the same prerequesites and I will do this way:

    In fullcalendar options:

    • Create a fullcalendar "control" with title, prev, next and today.
    • Create N fullcalendar "events" without navigation, and set each title to each room.

    You should apply some tricks to render nice calendars :

    • Calendar "control": hide body fc-content (CSS display:none)
    • Second Calendar and: hide left axis fc-agenda-axis (CSS width: 0px)

    In your data and js handling:

    • Fullcalendar "control" must control all others calendars (see How do I set the date of a calendar view from another view using Jquery FullCalendar? )
    • Load events from Room A to Calendar A, Room B to Calendar B, etc.

    You can start with this jsfiddle : http://jsfiddle.net/8ZM4x/1/

    And then replace events source with yours :

    $('#mycalendar1').fullCalendar(
                {
                        events: [     
                              ...
                        ]
               }); 
    

    这篇关于将日期分为FullCalendar中的几个部分的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！