我将一天的Fullcalendar视图动态地分成多列


I split single day of Fullcalendar view in multi column dynamically

我使用完整日历创建议程事件管理。我想分割日视图多列基于事件的数量位置。我静态分割,但我需要动态分割。我的代码静态分割如下所示。

  $(document).ready(function() {
    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    $('#calendar').fullCalendar({
  header: {
    left: 'prev,next today',
    center: 'title',
    right: 'resourceDay'
  },
   defaultView: 'resourceDay',
  resources: [
    {
      /*
       * employeeId
         * name
         * backgroundColor
         * foregroundColor
       */
      id: '1',
      name: 'Joe Bloggs',
      color: 'red',
      textColor: 'black'
    },
    {
      id: '2',
      name: 'Alan Black',
      color: 'blue'
    },
    {
      id: '3',
      name: 'Robert White',
      color: 'pink'
    },
    {
      id: '4',
      name: 'Paul Green',
      color: 'green'
    },
    {
      id: '5',
      name: 'Jane Yellow',
      color: 'yellow',
      textColor: 'black'
    }
  ],
  events: [
    {
          title: 'Test Event',
        start: '2014-03-27 12:30:00',
        end: '2014-03-28 17:10:00',
        resources: '4',
        allDay: false
            }
        ],
    });

  });
</script>
 <div id='calendar'></div>

上面的代码工作得很好,但我想动态地给出资源值。

在我的例子中,我有传递动态事件数据的需求。下面的链接给出了从ajax请求获取数据的示例。我希望它能帮助你解决获取动态数据的问题。

http://arshaw.com/fullcalendar/docs/event_data/events_function/