HTML5モバイルで日付フィールドのカレンダーを開くにはどうすればよいですか？

Question

私はHTML5とjQueryモバイルを使用してモバイルアプリを作成しています。 私はタイプ「日付」のフィールドを含むフォームを持っている：ユーザーがフィールド、ブラウザのネイティブカレンダーショーをタップ

<form id="registrationForm"> 
    <div data-role="fieldcontain"> 
     <input type="date" name="dateOfBirth"/> 
    </div> 
    <img id="calendar_logo"/> 
</form> 

。 私が必要とするのは、そのカレンダーがcalender_logoイメージをクリックしたときに表示されることです。

私はjQueryを使ってとfocusInを設定しようとしたが、それは仕事をdoes'nt：

$('#calendar_logo').click(function(){ 
     $("#registrationForm input[name='dateOfBirth']").focusin(); 
}); 

誰も助けてくださいことはできますか？

ありがとうございました！

Answer 1

カレンダーのロゴは、フィールドを指すラベルタグで囲むことができます。フィールドにIDを付けるだけです。

<form id="registrationForm"> 
    <div data-role="fieldcontain"> 
     <input type="date" id="dateOfBirth" name="dateOfBirth"/> 
    </div> 
    <label for="dateOfBirth"> 
     <img id="calendar_logo"/> 
    </label> 
</form> 

ほとんどのブラウザでは、ユーザーがラベルをクリックした場合にフィールドがフォーカスされます。