2017-07-27 16 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で私たちを見せてもらえますか? :) Btw、それはFCのバグかもしれません。 – LakiGeri

+0

http://jsfiddle.net/jso51pm6/40/見栄えが良いですが、空の行を1時間以内に削除する方法はありますか? –

+0

空の行は何ですか?私は空の行が表示されません – LakiGeri

答えて

0

問題がslotMinutes変数です。

slotDuration: '00:60:00',を設定することができます。とそれ以降は、スロットサイズを定義できます。その後、行の高さをcssで設定する必要があります。

関連する問題