2013-08-12 53 views
1

我想申請在fullcalendar這兩個變化:扭捏作fullcalendar軸時間格式和隱藏事件時間

  1. 軸的時間格式,如:10:00-11:00,11:00-12:00 ,12:00-13:00 ...等等。

  2. 隱藏事件時間只顯示事件名稱

檢查管理單元我已經申請軸格式 enter image description here

代碼:

jQuery('#fullcal').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 

    timeFormat: 'H:mm{-H:mmtt }', 
    axisFormat: 'H:mm - H:mm', 

    events: [ 
    { 
     title: "<?php echo "Booked"; ?>", 
     start: new Date(<?php echo "$date, $start"; ?>), 
     end: new Date(<?php echo "$date, $end"; ?>), 
     allDay: false, 
     backgroundColor : "#1FCB4A", 
     textColor: "black", 
    }, 
    ], 

}); 

代碼axisFormat: 'H:mm - H:mm',重複同一時間。

而且在事件11:00 - Test,我只想要顯示的事件名稱測試,如果我評論start:end:這個就fullcalendar消失事件。

請幫我在fullcalendar添加此變化。謝謝。

+0

,我發現CSS的調整活動時間:'.fc-事件 - 時間{display:none; },現在需要幫助修改軸時間格式。 – Frank

回答

1

FullCalendar不支持的結束時間在axisFormat,但這樣做在有可能的FullCalendar源代碼,一些小的改動。我在這裏提供了一個類似問題的解決方案:https://stackoverflow.com/a/17547384/198065

你可以簡單地通過提供設置timeFormat: ''隱藏在事件的時間。

+0

我做了我的變化以V 1.6.1,你可以下載所編輯的文件在這裏:https://www.dropbox.com/s/yrvr37s6e8f46oa/fullcalendar.js。請注意,您必須以這種方式設置'axisFormat' axisFormat:'H:mm - {H:mm}''。 –

+0

我已經下載文件並上傳到我的js目錄。並完成了所有變更,但仍然無法正常工作。檢查:https://www.dropbox.com/s/keesi2n03960o9i/fc-tweak-fails.jpg,我現在應該怎麼辦? – Frank

+0

你可以上傳你的代碼或提供一個jsfiddle嗎? –

0

FullCalendar不支持在axisFormat結束時間。 剛剛嘗試下面的代碼,查看上午10:00 - 10:45,11:00 - 11:45,等等。

axisFormat: 'h:mm tt - h:45 tt', 

timeFormat: { 
    agenda: 'h:mm{ - h:mm}' 
},