2010-12-03 88 views

回答

0

由於沒有人回答,他就是我所做的。議程viewObject具有顯示當前周的開始和結束日期。我創建了一個包含顯示的星期的所有日期的數組。然後,我使用JQuery來選擇所有的標題單元格,併爲每個標記添加一個日期屬性。我還爲每個標記添加了單擊事件,並在單擊標題時檢索日期屬性。此過程必須在每個新周顯示時執行。

+0

很高興你想出了一個解決方案。我認爲這可能是最適合fullcalendar的內置功能(因爲它更像是一個可用性問題)。你可以在問題追蹤器中輸入一項功能請求嗎? (http://code.google.com/p/fullcalendar/issues/list) – arshaw 2010-12-31 19:40:01

1

試試這個我自己做的解決方法。 通過在fullcalendar初始化後調用zumaMaker(),可以通過點擊day標題使得從agendaWeek導航到agendaDay。

function zumaMaker() { 

var arrayUIDays = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun']; 
for (var m = 0; m < arrayUIDays.length; m++) { 
    var dim = ".fc-day-header.fc-widget-header.fc-" + arrayUIDays[m]; 
    var dok = $(dim).html(); 
    $(dim).attr("onclick", "zumaMethod('" + dok + "','" + dim + "');"); 
    $(dim).css("cursor", "pointer"); 
    } 
} 

function zumaMethod(doma, diver) { 

    var date = doma.split(" ")[1].split("/"); 
    var day = date[0]; 
    var month = date[1]; 
    var year = date[2]; 
    var off_date = year + "-" + month + "-" + day + "T" + "00:00:00"; 

    $("#pl_tbl").fullCalendar('changeView', 'agendaDay'); 
    $("#pl_tbl").fullCalendar('gotoDate', off_date); 
    $(diver).css("cursor", "pointer"); 
    $(diver).attr("onclick", "zumaMethodRevert();"); 
} 

function zumaMethodRevert() { 
    $("#pl_tbl").fullCalendar('changeView', 'agendaWeek'); 
    zumaMaker(); 
} 

你也可以添加這個CSS來定製懸停時的標題。

.fc-day-header:hover { 
    background-color: orange; 
} 
.fc-day-header { 
    background-color: white; 
}