2015-01-05 3 views
-1

나는 날짜를 선택하면 캘린더 팝업을 사용하지 않고 ADDL phonegap을 사용하여 Android 응용 프로그램을 개발 중입니다. 미리 감사드립니다 .........DatePicher가 phonegap 응용 프로그램에서 작동하지 않습니다

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 
</head> 
<body> 

<div data-role="page"> 
    <div data-role="header"> 
    <h1>Text Inputs</h1> 
    </div> 

    <div data-role="main" class="ui-content"> 
    <form method="post" action="demoform.asp"> 
     <div class="ui-field-contain"> 
     <label for="fullname">Full name:</label> 
     <input type="text" name="fullname" id="fullname">  
     <label for="bday">Date of Birth:</label> 
     <input type="date" name="bday" id="bday"> 
     <label for="email">E-mail:</label> 
     <input type="email" name="email" id="email" placeholder="Your email.."> 
     </div> 
     <input type="submit" data-inline="true" value="Submit"> 
    </form> 
    </div> 
</div> 

</body> 
</html> 
+0

일부 안드로이드 버전 (사실 대부분)은 날짜 선택 도구를 지원하지 않습니다. – jcesarmobile

답변

0

귀하의 코드는 정확하지만 기본적으로 Internet Explorer 및 Mozilla에서는 작동하지 않습니다. 나는 크롬으로 시도하고 완벽하게 작동합니다. 그리고 전화 격차는 기본적으로 브라우저에 달려 있습니다. 그리고 나는 그것에 대해 많이 알지 못합니다. 미안해.

전화 갭 (Cordova)은 현재 특정 버전의 WebKit을 기반으로하는 브라우저의 기본 버전 인 Android WebView를 사용합니다.

아직 실제로 Chromium 기반 WebView가 될 수는 없습니다. 이것은 Android 4.4에서 타사 개발자에게만 제공되는 구성 요소입니다.

2014 년 4 월 1 일부터 Android 4.4 (KitKat)는 모든 Android 버전의 약 5.3 %에 불과합니다 (이 새로운 Chromium 기반 WebView는 아직 진행중인 것으로 보이므로 대부분의 써드 파티 개발자들이 완전히 편안함을 느끼는 동안). 제 3 자 래퍼와 함께 모든

jsfiddle.net/4r9mopwr/embedded/result/ 

Open it with chrome 

http://www.w3schools.com/jsref/dom_obj_date.asp 
0

첫째, jQuery를 UI 날짜 선택기 위젯은 jQuery를 모바일에이 작품을 만들기 위해, 그래서 당신은 여기 에서 귀하의 페이지에 JQuery와 모바일-날짜 선택기 - 래퍼 JS와 CSS를 결합해야 https://github.com/arschmitz/jquery-mobile-datepicker-wrapper, 그 다음에 html

<input type="text" class="date-input"> 

<script> 
    $(function(){ 
    $(".date-input").datepicker(); 
}) 
</script> 
관련 문제