Chrome이 휴대 기기에서 '입력 유형 ='날짜 ''로 기본값을 표시하지 않는 이유는 무엇입니까?

Question

난 그냥 ...
내가 바탕 화면에있어는 input type="date"가 문자 일/월/AAAA와 디폴트 값을 보여줍니다 ... 연구 사이트가 제안 만들고있어
on desktop

그러나 내 모바일 (안드로이드)에있을 때의 input type="date" 빈 필드를 보여줍니다 ...
on mobile Android

코드는 (내가 부트 스트랩 3를 사용하고 있습니다) :

... 
<div> 
    <input type="date" class="form-control" id="data" name="data" style="width:65%;" required> 
</div> 
... 

,

나는 placeholder="dd/mm/aaaa"도 시도했지만 ... 성공하지 못했습니다 ...

왜 이런 일이 발생합니까?
누군가 나를 도와 드릴까요?
미리 감사드립니다.

Answer 1

Android WebKit 4는 일부 유형의 경우 자체적 인 개인용 호환성 테이블이 필요합니다.

<input type="date" >의 구현은 다양한 모바일 OS 플랫폼에서 다르지만 Android Android 브라우저를 제외하고는 상당히 광범위하게 지원됩니다.

이 브라우저 및 로우 엔드 장치의 경우 간단한 텍스트 필드가 표시됩니다. 날짜 입력에는 사용자 친화적이지 않습니다. 당신이 부트 스트랩을 사용하는 것처럼

내가 겪고 두시길 : this

편집을 : 모더 나이저라는 도구를 사용하면 어떤 HTML, CSS 및 JavaScript를 알려줍니다

나는이 문제를 해결하는 흥미로운 방법을 발견 사용자의 브라우저가 제공해야하는 기능. 이 기능을 사용하면 다음과 같은 방법을 사용하여 기본 datepicker를 사용할 수있는 방법을 보여주고, 지원되지 않는 브라우저 (이 경우 Chrome -> Android Webkit)에서 jQuery UI의 선택기로 대체 할 수 있습니다.

if (!Modernizr.inputtypes.date) { 
    $('input[type=date]').datepicker({ 
     // Consistent format with the HTML5 picker 
     dateFormat: 'yy-mm-dd' 
    }); 
} 

귀하의 전체 코드는 다음과 같이 표시됩니다

HTML :

이

<input type="date"> 

<br><br> 

<input type="text" id="myDate" /> 

JAVASCRIPT :

$(function() { 
    if (!Modernizr.inputtypes['date']) { 
     $('input[type=date]').datepicker(); 
    } 
});