Przycisk HTML5 uruchamiający wprowadzanie danych w telefonie komórkowym

Question

Mam projekt HTML5, w którym chcę użyć przycisku do wyświetlania daty, ale chcę użyć typu danych wejściowych HTML5 = "data", aby wybrać datę.

Oto mój kod:

<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> 

Próbowałem ostrości() i kliknij() - żadna praca ... jakieś pomysły?

Answer 1

Potrzebujesz ustawić val() dla input. Nadzieję, że to pomoże

<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

Proszę przeglądać z telefonem.

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