[fullcalendar] 커스텀 달력 / 한국어 '일' 삭제하기

이번에는 정말 정말 오전 내내 시간을 보냈던 내용을 정리하려고 한다.

 

문제점

위 그림과 같이 날짜에 1일, 2일, 3일...이렇게 '일'이 붙은걸 볼 수 있다.

원하는 건 다른 달력과 마찬가지로 1, 2, 3...이런 식으로 '일'을 삭제하는 것이었다.

맡은 프로젝트에서 한국어,영어,일본어 버전 3개가 필요했는데...영어는 문제없이 나오지만 한국어와 일본어는 각각 '일'과  '日'이라는 글자가 붙어서 곤란했다. 문제 해결이 간단할거라 생각했는데...오전 내내 이 걸로 씨름했다.

 

 

해결방법

1. 첫번째 시도

 dayCellContent: function(e) {
    e.dayNumberText = e.dayNumberText.replace('日', '');
},

일본어로 검색하니까 해당 코드가 나왔다. 너무 너무 반가웠지만 내 코드에 적용하니까 날짜 자체가 안 나왔다.

다시 구글링 시작...

 

 

 

2. 두번째 시도

dayCellContent: function (info) {
    var number = document.createElement("a");
    number.classList.add("fc-daygrid-day-number");
    number.innerHTML = info.dayNumberText.replace("일", '').replace("日","");
    if (info.view.type === "dayGridMonth") {
      return {
        html: number.outerHTML
      };
    }
    return {
      domNodes: []
    };
},

결과는 너무나 성공적. 원래 찾은 코드는 버튼을 추가하는 코드였는데 버튼을 지우고 위 코드를 조금 활용했다.

어쨌거나 해결해서 너무 좋다!

 

 

해결 완료