2017-11-13 10 views
0

(버전 3.6.2)을 사용 중입니다. 을 themeSystem으로 설정했습니다. 사용자가 계산을 시작하면 달력을 업데이트하고 싶습니다. 특정 날짜는 새 배경색 (예 : DarkRed)이고 텍스트 색상 (날짜)은 흰색이어야 표시 할 수 있어야합니다.FullCalendar 날짜 텍스트 색상이 변경되지 않음 (이벤트 텍스트가 아님)

이 내가 원래 무슨 짓을 :

$('#calendar').fullCalendar('option', 'dayRender', function (date, cell) { 
    if (date.local().isSame(moment(newDate))) { 
     cell.css("background-color", "DarkRed"); 
     cell.css("color", "white"); 
    } 
}); 

"newDate"는 순간에 계산 된 날짜입니다.

배경색이 올바르게 변경되었습니다. 그러나 텍스트 색은 흰색으로 변경되지 않습니다.

그런 다음 셀을 검사하여 날짜가 다른 div에 있음을 알았습니다. fc-content-skeleton에 표시됩니다.

이 경우 CSS color을 어떻게 변경합니까?

+0

https://jsfiddle.net/을 통해 문제를 재현 할 수 있습니까? –

+0

오, 괜찮아요. 나는 아래 답변을 통해 그것을 풀어 봤습니다. 감사! – Terence

답변

0

알 수 있습니다. 친구에게 감사의 말을 전했습니다.

위와 같이 변경 될 셀의 날짜를 이미 알고 있습니다. 이미 background-color을 변경할 수 있습니다. fc-content-skeleton에 올바른 <td>을 얻으려면 [data-date] 속성을 사용합니다.

$('td').find("[data-date='" + newDateShort + "']")newDateShort를 YYYY-MM-DD 형식의 날짜가 올바른 <td>을 줄 것이다.

따라서 색상을 변경합니다.

$('td').find("[data-date='" + newDateShort + "']").css("color", "white");