2014-01-15 198 views
2

我將fullcalendar設置爲有15分鐘插槽,但未顯示分鐘突破。Fullcalendar未顯示15分鐘插槽的軸時間

例如,它會顯示上午9點,上午10點,11點等,但不是上午9:00,上午9:15,上午9:30等

它顯示了其他插槽像10分鐘分鐘的突破,但我不能讓它爲15

我環顧四周,看到這個帖子工作:How to show all text on the axis for each minute slots rather than just 6am, 7am etc

,但我無法找到用戶指的是在他的決議案的功能。也許劇本自那時起就更新了。

有誰知道我怎麼能得到分鐘突破顯示?

+0

你能發佈你的初始化代碼嗎? – bgmCoder

+0

@BGM感謝您的評論,我應該發佈。我只是簡單地使用沒有編輯的樣例初始化,所以忘了輸入它。我想通了,如下所示。 – Cineno28

回答

0

我想通了。在使用fullcalendar.min.js時,如果您註釋掉:

u=h.getMinutes(); 

它會在Y軸上正確顯示分鐘數。由於上面鏈接的其他帖子沒有使用腳本文件的「min」版本,我無法找到它的位置。

0

我找不到@Cineno所述的行。加入+D(w,y("axisFormat"))) after & nbsp;

對我的作品

th class='fc-agenda-axis "+u+"'>"+(!ya||!ja?D(w,y("axisFormat")):"& nbsp;"+D(w,y("axisFormat")))+"/th> 

:相反,我編輯的這條線。

0

爲了使它工作,我需要改變

((!slotNormal || !minutes) ? formatDate(d, opt('axisFormat')) : ' ') + 

((!minutes) ? formatDate(d, opt('axisFormat')) : "<small>" + formatDate(d, ':mm') + "</small>") + 

我會說,最好的辦法是增加一個選項前。 「axisSlotFormat」

0

你在執行議程週日,議程日?

header: { 
left: 'title', 
center: '', 
right: 'prev,today,next,month,agendaWeek,agendaDay' 
}, 

感謝

3

我知道這是一個漫長的時間,但任何人誰具有同樣的問題,你可以嘗試使用:

slotDuration: '00:15:00', 
slotLabelInterval: 15, 
slotLabelFormat: 'h(:mm)a', 
在fullcalendar V2

0

你應該初始化你的日曆就像下面的例子。 請參閱我的jsfiddle示例爲您的解決方案。 https://jsfiddle.net/ahmetyildirim/pk7na5jL/

它適用於Fullcalendar v3.2.0。

$(document).ready(function() { 

    $('#calendar').fullCalendar({ 
    weekends: false, // will hide Saturdays and Sundays 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'agendaWeek,month,agendaDay' 
    }, 
    defaultView: "agendaWeek", 
    businessHours: { 
     // days of week. an array of zero-based day of week integers (0=Sunday) 
     dow: [1, 2, 3, 4, 5], // Monday - Friday 

     start: '08:00', // a start time (8am in this example) 
     end: '18:00' // an end time (6pm in this example) 
    }, 
    minTime: '06:30:00', 
    maxTime: '19:30:00', 
    slotDuration: '00:15:00', 
    slotLabelInterval: 15, 
    slotLabelFormat: 'h(:mm)a', 
    defaultDate: '2016-01-12', 
    slotMinutes: 15, 

    events: [{ 
     title: 'test', 
     start: '2016-01-11T09:30:00', 
     end: '2016-01-11T12:30:00' 
    }] 
    }); 

}); 
相關問題