[jquery] daterangepicker

최근에 맡앗던 프로젝트에서 수정요청이들어왔는데.. jquery 기반의 코드였다..

daterangepicker.. https://www.daterangepicker.com/ 요청사항은 달력을 한달씩보는데 1달 지날때마다 api를 호출해서 달력에

특정 class를 추가 해야 함..

 

 

daterangepicker의 옵션중에 isCustomDate를 사용하면 달력이 출력될때 일자부분이 특정 class를 추가 할수있음.

하지만 1달 지날때마다 api를 호출해서 화면을 갱신해줘야 하는데.. 이게.. 이미 dom을 그린 상태이고 라이브러리라.. 쉽지 않겠지만.. 방법을 찾아봄.. api 호출한다음 updateCalendars를 사용하면 달력이 갱신됨

$(document).off('click', '.next.available').on('click', '.next.available', function(e) {
    e.stopPropagation();

    // api 호출, 
    
    if(달력객체.data('daterangepicker')){
        달력객체.data('daterangepicker').updateCalendars();
    }
});