[jquery] datepicker 완전히 readonly 만들기

datepicker를 사용하는 등록 폼에서, 편집시에는 datepicker에 등록된 날짜를 변경하지 않도록 방지하고

form으로는 해당 값을 넘기는 방법.

$('input[name=dateBox]').attr("readonly",true);

위 코드는 해당 input box에 키보드 입력을 막고, datepicker만 사용할 수 있도록 한다.

readonly하지 않으면 의도하지 않은 날짜형식이 입력되어 오류를 발생할 수 있다.

$('input[name=dateBox]').datepicker('disable');

datepicker 기능을 차단하고, input box를 지워버린다.

편집 폼에서 사용하면, 원래 있는 값이 삭제되어 등록된 날짜를 변경하지 않도록 하는 기능을 할 수 없다.

 

따라서, 편집 화면에서 등록 폼은 유지하되, 등록된 날짜를 변경하지 않으면 다음과 같이 한다.

$('input[name=dateBox]').datepicker('disable').removeAttr('disabled')

우선 disable로 datepicker 기능을 차단하고, diabled 어트리뷰트를 빼주어 input box 기능을 enable시키는 것이다.

 

 

참조 : blog.naver.com/antimidal/220948493757