Type

type 옵션에 따라 아래의 세 종류의 datepicker을 이용할 수 있습니다. (daliy이 기본값으로 설정되어 있습니다.)

Daily (Default)

SMTWTFS

Monthly

Yearly

Datepicker with input and button

아래와 같이 inputbutton을 함께 사용할 수 있습니다.


<div id="datepicker4_group" class="group">
    <input type="text" class="input" style="width: 157px;" />
    <a class="btn btn-gray"><i class="icon-calendar"></i></a>

    <div id="datepicker4" class="datepicker" style="display: none; position: absolute; z-index: 999; margin-left: 1px; margin-top: 1px;">
        <!-- 생략 -->
    </div>
</div>

Set the date range

minDatemaxDate 옵션을 설정하여, 선택할 수 있는 날짜를 제한할 수 있습니다.

SMTWTFS


setOptionreload 함수를 사용하여 select 이벤트를 설정하면, 아래와 같이 날짜의 선택에 따라 다른 datepicker에 영향을 줄 수 있습니다.


event: {
    select: function(date, e) {
        // 생략
        datepicker7.setOption('maxDate', new Date(date));
        datepicker7.reload();
    }
}

Daily Calendar

아래와 같이 달력형도 제공합니다.

SUNMONTUEWEDTHUFRISAT