라디오버튼과 타임피커
- 작성자 :
- 남*찬
- 작성일 :
- 2011-08-16 15:45:30
- 조회수 :
- 2,273
- 구분 :
- 실행환경
- 진행상태 :
- 완료
Q
라디오 버튼과 타임 피커를 프로젝트에서 구현해봤는데요.
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에서 나온 화면과는 다른 화면
이 출력되는데 원인을 모르겠습니다.
확인해주세요
감사합니다.
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에서 나온 화면과는 다른 화면
이 출력되는데 원인을 모르겠습니다.
확인해주세요
감사합니다.
A
안녕하세요
라디오 버튼의경우 <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>
감사합니다.
라디오 버튼의경우 <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>
감사합니다.
