Genie's Dev Story

Menual : How to set default date on datebox in esayui. 

1. jquery.easyui.min.js 파일을 열어

   "$.fn.datebox.methods = {" 를 검색하면 아래와 같이 기본 설정이 되어있는걸 확인할 수 있다. 

1. open "jquery.easyui.min.js" file  and search text  "$.fn.datebox.methods = {" .

you can see options like this. 

2. 옵션을 확인해보니 initValue 함수에서 기본값을 설정할 수 있었고 opts.value 는 input value 에 적힌 값을 가져오고 있었습니다.

when datebox created, initValue functions works.  20576 line's  opts.value are pointed input tags value 

3. 기본값을 설정하기 위해 기본 value가 없다면 20582 라인에서 초기값을 설정할 수 있는데요, 

특정 input 만 기본값을 설정하기 위해 20583 라인에 hasClass 조건문을 추가하여

해당 클래스명을 가진 elements만 설정되도록 하였습니다. 

3. So, I knew the point, let's set default value.

look at the yellow box  of image.

To set default values ​​​only for specific elements,

I added check condition that target elements has class Name of "default-date"

4. 이렇게 해주면 해당 클래스가 있는 input의 datebox만 기본값이 설정되는걸 확인할 수 있다. 

4. Save files then refresh page. Now you can see datebox with default value.

끝!!!