[Jquery]datepicker UI를 통한 달력생성

먼저 Controller에 빈페이지를 생성합니다.

저는 샘플페이지를 생성했기때문에 Controller만 생성하였지만,

디비를 통해 insert 할경우는 추가적인 작업이 필요하겠죠?ㅎㅎ 

?

1 2 3 4 5 6

@RequestMapping("/datepic")  public String datepic(){           return "datepic";  }

jsp 페이지에 생년월일 input와 datepicker 소스를 작성합니다.  

먼저 3가지 기본적인 파일을 import합니다. 

datepicker 코드를 작성합니다. 코드작성시 주석을 확인하시면 어떤내용인지 바로 확인이 가능하실것 같네요. 

다음은 style 입니다. 이건 안주셔도 되지만 저같은경우 크기를 줄이기 위해서 사용했구요.

마지막 두줄은 토요일,일요일, 색상을 변경해 주기위해 사용하였습니다. 

폼을 작성하고 실행 하여 이상 유무를 확인하겠습니다. 

실행시 생년월일 입력 폼이 나오며, 클릭시 달력이 생성됩니다.

달력중 원하는 날짜를 입력하면 정상적으로 입력되는것을 확인할수 있습니다. 

자주 사용하는 옵션

이번에는 datepicker를 응용해서 구현할 수 있는 여러 가지 옵션 중에서 자주 사용하는 기능들을 소개하겠습니다.