JQuery

[JQuery] datepicker 날짜 범위 제한하기 maxDate

chsr 2022. 2. 10. 14:44
728x90
반응형

■ JQuery datepicker 날짜 범위 제한하기

maxDate - jquery datepicker 날짜 선택 시 선택 범위를 제한해야 할 때 사용하는 옵션값 


■ 사용법

  • input type="text" (datepicker 선언)
<input type="text" id="datepicker" name="datepicker" value="" placeholder="2022-02-01"  readonly>

 

  • 특정일자 이후 선택 불가

maxDate: new Date('Y-m-d')

<script type="text/javascript">
    $('#datepicker').datepicker({
        maxDate: new Date('2022-02-15'),	// 2022-02-15 이후 선택 불가
        beforeShowDay: function(date) {
            var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
            return [array.indexOf(string) != -1];
        },
        afterAdjustDate: function() {
        }
    });
</script>
728x90
반응형