2016-06-27 2 views
1

월별보기에서 열 머리글에 현재 달만 표시하려면 어떻게해야합니까? 당신이 볼 수 있듯이, 처음 4 열은 여전히 ​​6 월 보이고있다Fullcalendar - 월별보기의 열 머리글

enter image description here

(I 뷰에서 처음으로 4 일에 있기 때문에 추측 :

예를 들어

이 7 월의보기입니다 유월). 나는 columnFormat

+0

달 이름이 header-> title에 있기 때문에'ddd'를 사용하지 않는 이유는 무엇입니까? – Yuri

+0

@ 유리 내가 헤더를 표시하지 않기 때문에 – SharonKo

답변

0

에 달 ddd, MMM YYYY 형식을 사용하고

는 그래서 여기에 조건부 날짜 형식을 추가하는 가장 쉬운 방법입니다 방법이 없습니다. 열 머리글에 저장된 날짜를 확인하고 이전 달의 날짜 인 경우 머리글에서 span 요소를 삭제합니다. 이 함수는 fullCalendar 초기화에서 viewRender :에 정의됩니다.

viewRender: function() { 
    var daysOfWeek = []; 
    var tableHeaders = []; 

    //collect all table headers 
    $(".fc-chrono th").each(function() { 
     daysOfWeek.push(moment(this.attr("data-date")).get('date')); //store day, like 31 
     tableHeaders.push(this); //store element 
    }); 

    //check if the border between month is somewhere here 
    var isBetweenTwoMonths = false; 
    var locationOfMonthBorder = null; 
    for (var i = 0; i < daysOfWeek.length - 1; i++) { 
     if (daysOfWeek[i] > daysOfWeek[i+1]) { // e.g. 31 > 1 
      isBetweenTwoMonths = true; 
      locationOfMonthBorder = i; 
      break; 
     } 
    } 

    //now remove all the column header texts up to the first day of next month 
    if (isBetweenTwoMonths) { 
     for (var i = 0; i < locationOfMonthBorder + 1; i++) { 
      tableHeaders[i].find("span.fc-cell-text").remove(); 
     } 
    } 
}