[jQuery] datepicker 최대값, 최소값 설정하기

제이쿼리 캘린더를 사용할 경우 특정기간 이후 또는 특정기간 이내까지를 설정해야 될 경우가 있다.

(오늘부터 1주일내, 1달이내 등..)

 

datepicker 함수를 통해 초기화 할때 아래와 같이 설정하면 된다.

jQuery(document).ready(function () {
    var minDate = new Date();
    var maxDate = new Date();
    var dd = maxDate.getDate() + 7;
    maxDate.setDate(dd);

    jQuery("#startDate").datepicker({
        minDate : minDate,
        maxDate : maxDate
    });
});

 

옵션을 통해서 아래와 같이 추가설정도 가능하다.

가령, 공통으로 설정된 캘린더가 include 되어있는 상태이고, 특정 화면에서만 날짜제한을 주고 싶을 때 아래와 같이 사용할 수 있다.

jQuery(document).ready(function () {
    var minDate = new Date();

    jQuery("#startDate").datepicker("option", "minDate", minDate);
});