0

에 대한 사용자 정의 색상으로 달력을 만들 : 그것은 매우 간단하고 괜찮 https://github.com/dangrossman/bootstrap-daterangepicker 을, 지금은 강조에 어떤 일이 내장 된 달력에 표시 할 색상을 사용자 정의해야합니다, 의을 (기능) : 그래서 스크립트의 저자는 나를 옵션을 isCustomDate를 사용하여 솔루션을 찾는 데 도움이부트 스트랩 daterangepicker, 나는이 스크립트를 사용하고 각 일

+0

'onShowDatePicker' 이벤트를 하이재킹하여 캘린더의 배경색을 재정의하는 사람이 있습니다 (http://stackoverflow.com/a/19856004/3585500). 시작이야 ... – ourmandave

답변

0

나는 그런 열지도로 선택거야 기간에 가용성을 ... 볼 수 있습니다 스크립트, 여기에 샘플 사용

isCustomDate: function(date) { 
    var ratio_0=['2017-09-15','2017-09-16','2017-09-17']; 
    var ratio_1=['2017-06-15','2017-06-16','2017-06-17']; 
    var ratio_2=['2017-07-15','2017-07-16','2017-07-17']; 
    var ratio_3=['2017-08-15','2017-08-16','2017-08-17']; 
    if ($.inArray(date.format('YYYY-MM-DD'), ratio_0) > -1) { 
     return 'ratio_0'; 
    } else if ($.inArray(date.format('YYYY-MM-DD'), ratio_1) > -1) { 
     return 'ratio_1'; 
    } else if ($.inArray(date.format('YYYY-MM-DD'), ratio_2) > -1) { 
     return 'ratio_2'; 
    } else if ($.inArray(date.format('YYYY-MM-DD'), ratio_3) > -1) { 
     return 'ratio_3'; 
    } else { 
     return false; 
    } 
} 

funcion은 css를 통해 지정된 날짜에 대한 사용자 정의 클래스를 반환합니다.

관련 문제