728x90
반응형
HTML을 사용하면서 날짜 선택을 위해 jquery 플러그인으로 datepicker 를 많이 사용했었다.
HTML5가 되면서 input type인 date가 생기면서 편하게 사용하게 되었다.
입력도 가능하고 클릭도 가능하다.
예제
<input type="date" id="fd_birth_day" name="fd_birth_day" class="form-control form-control-lg rounded-pill typeahead_info" min="1900-01-01" max="${strMaxToday}" required pattern="\d{4}-\d{2}-\d{2}" placeholder="생년월일을 입력해주세요." required="required">옵션 min은 최소 날짜이다. 처음 시작일로 보면 됨.
옵션 max는 최대 날짜이다. 종료일로 보면 됨.
required pattern은 해도 되고 안해도 되지만 날짜 포멧팅을 하기 위해서 사용한다.
브라우저 지원
| Attribute | 크롬(Chrome) | Internet Explorer / Edge | Firefox | Safari | Opera |
| min | 5.0 | 10.0 | 16.0 | 5.1 | 10.6 |
Syntax
<input type="date" min="number|date" max="number|date">
728x90
반응형