[jquery] datepicker label explorer 오류

[jquery] datepicker label explorer 오류

 

 

<input type="text" id="sdate" class="datepicker" />
<label for="sdate">달력 이미지</label>

보통 jquery datepicker를 사용할때

위처럼 input 박스와 그 옆에 달력이미지를 label로 감싸서

두가지다 클릭 반응이 일어날때 달력 선택 창이 그려지게 됩니다.

 

 

하지만,

<input type="text" id="sdate" name="sdate" class="datepicker" />
<label for="sdate">달력 이미지</label>

 

위처럼 코딩을하면 크롬에서는 정상동작하지만,

explorer에서는 이미지 클릭시에는 아무반응이 없습니다.

 

정확한 원인은 모르겠지만...

input 태그와 매칭을 해야하는 과정에서

id 와 name가 같은 이름이 쓰이는 동작을 안하는것을 확인했습니다!!

 

개발에 도움들 되시라고 올려봅니다!! 참고들 하세요!!