モバイルで日付入力をトリガーするHTML5ボタン

Question

ボタンを使用して日付を表示できるHTML5デザインがありますが、HTML5入力タイプ= "日付"を使用して日付を選択します。 ...任意のアイデアでもない仕事 -

<button type="button" id="btnDate" class="btn btn-primary"> 
    <span class="glyphicon glyphicon-calendar"></span> <span class="date">27 Jul 2015</span> 
</button> 
<input type="date" class="hidden" id="tbDate" /> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#btnDate").click(function() { 
      $("#tbDate").focus(); 
     }); 
    });    
</script> 

私が試したフォーカス（）と（）をクリックします：ここで

は私のコードですか？

Answer 1

inputにはval()が必要です。このヘルプ

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<button type="button" id="btnDate" class="btn btn-primary"> 
 
    <span class="glyphicon glyphicon-calendar"></span> <span class="date">27 Jul 2015</span> 
 
</button> 
 
<input type="date" class="hidden" id="tbDate" /> 
 

 
<script type="text/javascript"> 
 
    $(document).ready(function() { 
 
     $("#btnDate").click(function() { 
 
      var date = new Date("2015, 07, 27"); 
 
      var setDate = date.getFullYear() + "-" + ("0" + (date.getMonth() + 1)).slice(-2) + "-"+("0" + date.getDate()).slice(-2); 
 
      $("#tbDate").val(setDate); 
 
     }); 
 
    });    
 
</script>

Answer 2

は、お使いの携帯電話で閲覧してください願っています。入力が隠されているのはなぜ

<label for="dateInput">click button</label> 
 
<input type="date" id="dateInput" />