날짜 선택 팝업의 범위 지정 - datepicker(minDate/maxDate)
1. 정의
- minDate/maxDate 매개변수를 이용하여 특정한 날은 선택하지 못하도록 한다
2. 구현
1234567891011121314151617181920212223242526272829<!DOCTYPE html> <head><meta charset="UTF-8" /><title>jQuery UI</title><link rel="stylesheet"<style></style></head> <form> <input type="text" id="date" size="10"/></form><span id="details"></span><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년 후의 날짜는 지정 할 수 없다(회색으로 처리)
'Front-End > jQueryUI' 카테고리의 다른 글
| [jQueryUI] 수치 입력박스 (0) | 2017.02.10 |
|---|---|
| [jQueryUI] 버튼으로 날짜 팝업 만들기 - datepicker(showOn) (0) | 2017.02.02 |
| [jQueryUI] 간편한 날짜 선택 팝업의 형식 변경 - datepicker(format) (0) | 2017.02.02 |
| [jQueryUI] 간편한 날짜 선택 팝업 구현 - datepicker() (0) | 2017.02.02 |
| [jQueryUI] 자동완성 후보목록의 정보 페이지 반영 - autocomplete(select) (0) | 2017.01.31 |
리딩리드