[jQuery] bootstrap3 datepicker minDate, MaxDate 사용하기

[jQuery] bootstrap3 datepicker minDate, MaxDate 사용하기

bootstrap datepicker는 다루기 어렵네요 ^  ^; 

달력에서, 서비스 제공자가 원하는

minDate 혹은 MaxDate를 넘어가는 값을 선택했다면

오늘 날짜로 바꿔지도록 꼼수를 써봤습니다.

javascript

    $('#DATE_FROM').datepicker({
        format: "yyyy-mm-dd",
        language: "kr",
        autoclose: true,
        todayHighlight: true,
        constrainInput: false
    }).datepicker(
            "setDate", new Date(new Date()) 
    ).on("changeDate", function (e) {
        if($('#DATE_FROM').val() > $('#DATE_TO').val()){
            alert("출발일 보다 이전 날짜를 선택해 주세요");
            $('#DATE_FROM').datepicker("setDate", today);
        }
    });
 
    $('#DATE_TO').datepicker({
        format: "yyyy-mm-dd",
        language: "kr",
        autoclose: true,
        todayHighlight: true,
        constrainInput: false
    }).datepicker(
            "setDate", new Date(new Date()) 
    ).on("changeDate", function (e) {
        if($('#DATE_FROM').val() > $('#DATE_TO').val()){
            alert("도착일 보다 나중 날짜를 선택해 주세요");
            $('#DATE_FROM').datepicker("setDate", today);
        }
    });

질문이 있다면 댓글 남겨주세요. 감사합니다 ^  ^