标头中缺少Fullcalendar资源名称

时间:2016-12-20 15:00:48

标签: angularjs fullcalendar

我使用已授权的fullcalendar且groupByDateAndResource设置为true。我没有显示标题,因为我构建了自定义标题。

  1. 在日视图中,我只看到资源标题但没有日期
  2. 在其他视图中,我只看到日期没有资源标题
  3. 如何在所有视图中同时显示文档中显示的方式。

    这是我的日历对象的配置方式(我使用角度):

    calendar: {
          defaultDate: this.$stateParams.date,
          height: $window.innerHeight - 45,
          editable: true,
          resources: [],
          groupByDateAndResource: true,
          header: '',
          defaultView: 'agendaWorkWeek',
          firstDay: 1,
          minTime: '07:00:00',
          maxTime: '22:00:00',
          axisFormat: 'HH:mm',
          timeFormat: 'HH:mm',
          slotDuration: '00:15:00',
          slotLabelInterval: '1:00',
          allDaySlot: false,
          eventColor: '#333333',
          eventTextColor: '#000',
          columnFormat: {
            month: 'dddd',
            agendaWeek: 'ddd, MMM D',
            agendaDay: 'dddd, MMM D, YYYY'
          },
          nowIndicator: true,
          displayEventTime: true,
          displayEventEnd: {
            month: false,
            basicWeek: true,
            'default': true
          },
          views: {
            agendaThreeDay: {
              type: 'agenda',
              columnFormat: 'ddd, MMM D',
              duration: {days: 3}
            },
            agendaWorkWeek: {
              type: 'agenda',
              columnFormat: 'ddd, MMM D',
              duration: {days: 7},
              weekends: false
            }
          },
          dayClick: dayClick,
          eventClick: eventClick,
          eventResize: changeTime,
          eventDrop: changeTime,
          windowResize: windowResize
        }
    

1 个答案:

答案 0 :(得分:1)

这听起来像是一个CSS问题。你是否覆盖了.fc-widget-header的高度?如果您没有资源,那将是有意义的,但如果您拥有它们,它将导致您的问题。