[jQueryUI] 날짜 선택 팝업의 범위 지정

Front-End/jQueryUI

[jQueryUI] 날짜 선택 팝업의 범위 지정 - datepicker(minDate/maxDate)

리딩리드 2017. 2. 2. 19:40

날짜 선택 팝업의 범위 지정 - datepicker(minDate/maxDate)

1. 정의

- minDate/maxDate 매개변수를 이용하여 특정한 날은 선택하지 못하도록 한다

2. 구현

<!DOCTYPE html> <head> <meta charset="UTF-8" /> <title>jQuery UI</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/redmond/jquery-ui.min.css" /> <style> </style> </head> <form> <input type="text" id="date" size="10"/> </form> <span id="details"></span> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/i18n/jquery-ui-i18n.min.js"></script> <script> $(function() { $.datepicker.setDefaults($.datepicker.regional['ko']); $('#date').datepicker( { minDate : -1, maxDate : '+1y' } ); }); </script>

- 1년 후의 날짜는 지정 할 수 없다(회색으로 처리)