モバイルでChromeがデフォルト値を 'input type = "date"'に表示しないのはなぜですか？

Question

は私だけ...
私はデスクトップ上でよ、input type="date"は手紙DD/MM/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> 
... 

私もを試しました...しかし、成功していません...

どうしてですか？
誰かが私を助けてくれますか？
ありがとうございます！

Answer 1

Android WebKit 4は、いくつかの種類の独自のプライベート互換性テーブルが必要なような混乱です。

<input type="date" >の実装はさまざまなモバイルOSプラットフォームで異なりますが、サポートは非​​常に広まっていますが、AndroidのAndroidブラウザは例外です。

このブラウザとローエンドのデバイスでは、単純なテキストフィールドが表示されます。これは日付の入力にあまりユーザーフレンドリーではありません。

あなたを介して行く私はreccomendブートストラップを使用しているとして：this

EDIT：

を私はこの問題を解決するための興味深い方法を発見した： Modernizrと呼ばれるツールを使用するものをHTML、CSSおよびJavaScript伝えますユーザーのブラウザが提供しなければならない機能。これを使用すると、ネイティブの日付ピッカーを利用できるようになる方法と、サポートされていないブラウザ（この場合は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(); 
    } 
});