날짜 위젯(datepicker)

※ 다른 사이트에 더 설명이 잘 된 내용이 많습니다.

• 기능 정의

jQuery를 사용하여 날짜를 다룰 때, 사용하는 UI 위젯.

• 기본적인 사용법 - 초기 설정

jQuery 객체에 대하여, datepicker 메소드에 json 타입의 데이터를 넣는다.

사용할 수 있는 옵션들은 아래의 링크를 참조.

(http://harui.tistory.com/75 or http://its-easy.tistory.com/12)

초기 하는 방법은 아래의 코드 참조~~

---

• 기본적인 사용법 - 설정 일부 변경

때때로, datepicker의 설정을 일부만 변경하고 싶을 때가 있다.

예를 들어, $('#date1')의 datepicker 옵션 중 dateFormat을 'yy/mm/dd' → 'mm-dd' 로 변경하고 싶다면 ?

아래의 코드를 참조~~

button 을 누르면 datepicker의 option이 변경 된다.

(datepicker의 옵션을 변경할 때 사용하기 좋은데 잘 없더라.)

---

• 기본적인 사용법 - 설정 전체 재설정

간혹, 이전에 설정한 datepicker의 옵션을 모두 재설정 하고 싶을 때가 있다.

일일이 재설정을 할 수는 없으니.. 다음과 같은 방법을 사용한다.

datepicker는 초기 설정을 하면 hasDatepicker라는 class가 지정이 되는데,

이때, hasDatepicker를 removeClass 메서드로 제거해주면 다시 초기설정을 해줄 수 있다.

아래의 코드 참조~~