2017-07-27 95 views
2

您好我使用FullCalendar,并且在小时之间的标记时间有问题。例如:FullCalendar - 小时之间的标记时间

[{ "start": "2017-07-27 10:00", "end": "2017-07-27 11:30" }, { "start": "2017-07-27 11:30", "end": "2017-07-27 12:00" }] 

enter image description here

如何解决这一问题?或告诉我在配置/ css中必须更改哪些内容?

{ 
    header: { 
     left: '', 
     center: '', 
     right: 'prev,next' 
    }, 
    lang: 'pl', 
    locale: 'pl', 
    dayNames: ['Niedziela', 'Poniedziałek', 'Wtorek', 'Środa', 'Czwartek', 'Piątek', 'Sobota'], 
    dayNamesShort: ['Nd', 'Pn', 'Wt', 'Śr', 'Cz', 'Pt', 'Sb'], 
    height: options.height, 
    defaultView: 'agendaWeek', 
    columnFormat: 'D.MM ddd', 
    minTime: options.minTime, 
    maxTime: options.maxTime, 
    displayEventTime: false, 
    smallTimeFormat: 'H:mm', 
    timezone: 'Warsaw/Poland', 
    buttonIcons: false, 
    buttonText: { 
     next: options.buttonText.next, 
     prev: options.buttonText.prev 
    }, 
    allDaySlot: false, 
    slotMinutes: 30, 
    //slotDuration: '00:30:00', 
    //slotDuration: '00:15:00', 
    events: getEvents(options.events, options.optionsItem), 
    eventRender: function(event, element) {}, 
    viewRender: function(view, element) { 

     if (view.name === 'agendaWeek') { 

      element.find('.fc-day-header').each(function() { 
       console.log($(this).text()); 
      }); 

     } 
    } 

enter image description here

+0

你可以给我们看看jsfiddle吗?顺便说一句,它可能是一个FC错误。 – LakiGeri

+0

http://jsfiddle.net/jso51pm6/40/看起来不错...嗯,但如何删除一小时内的空行? –

+0

什么空行?我没有看到任何空行 – LakiGeri

回答

0

的问题是slotMinutes变量。

您可以设置slotDuration: '00:60:00',slotMinutes已过时。之后您可以定义插槽大小,之后您应该通过css设置行高。