FullCalendar - 通過點擊日程表中的日程表頭獲取日期

我想確定在日程表視圖中單擊日標題單元格時所選的日期。我可以爲這些標題單元添加一個點擊處理程序，但我不知道如何從fullcalendar獲取日期，因爲點擊標題時dayClick事件不會觸發。這些細胞上的類是fc-sun，fc-mon等。FullCalendar - 通過點擊日程表中的日程表頭獲取日期

來源

2010-12-03 mluhring

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

來源

2010-12-04 20:05:43 mluhring

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

試試這個我自己做的解決方法。通過在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; 
}

來源

2014-12-17 11:57:21

FullCalendar - 通過點擊日程表中的日程表頭獲取日期

回答

相關問題