처리중입니다.
잠시만 기다려주십시오.
이 누리집은 대한민국 공식 전자정부 누리집입니다.
적용 지원, FAQ, Q&A 게시판을 통해 기술 문제 해결을 지원합니다.
남*찬
2011-08-16 15:45:30
2,826
실행환경
완료
라디오 버튼과 타임 피커를 프로젝트에서 구현해봤는데요.
1차 교육때 받았던 guide 관련 소스에서 가져왔구요.
라디오버튼 관련 소스고요
<input type="radio" name="radio-1" id="radio-1" value="choice-1" checked="checked" />
<label for="radio-1">년</label>
<input type="radio" name="radio-1" id="radio-2" value="choice-2" />
<label for="radio-2">월</label>
타임피커 관련 소스입니다.
<div data-role="fieldcontain">
날짜 :
<input name="defandroid" type="date" data-role="datebox" id="defandroid"/>
</div>
결과는 첨부파일에 넣어놨구요. 제가 원하는 guide에서 나온 화면과는 다른 화면
이 출력되는데 원인을 모르겠습니다.
확인해주세요
감사합니다.
첨부파일.jpg [23,963 Byte]
다운로드
안녕하세요
라디오 버튼의경우 <fieldset data-role="controlgroup">로 감싸야 합니다.
예시)
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend>동의 여부: </legend>
<input type="radio" name="radio-1" id="radio-1" value="choice-1" checked="checked" />
<label for="radio-1">동의 합니다.</label>>
<input type="radio" name="radio-1" id="radio-2" value="choice-2" />
<label for="radio-2">동의 하지않습니다.</label>
</fieldset>
</div>
타임 피커는 아래 스크립트를 선언해 주어야 합니다.
jquery.mobile-1.0b1.min.js 위에 적용
<script type="text/javascript">
$( document ).bind( "mobileinit", function(){
$.mobile.page.prototype.options.degradeInputs.date = 'text';
});
</script>
스크립트 가장 아래에 적용
<script type="text/javascript" src="/js/egovframework/mbl/cmm/datepicker/jquery.mobile.datebox.js"></script>
감사합니다.