HTML5 düğmesi ben bir tarih görüntülemek için bir düğmeye kullanabilmek için istediğiniz bir HTML5 tasarıma sahip, ama tarihi seçmek için HTML5 input type = "tarih" kullanmak istiyorum

Question

mobil

tarih giriş başlatmak için. ... herhangi bir fikir ne iş -

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

denedim odak() ve() tıklayın: İşte

benim kodudur?

Answer 1

Sen input için val() ayarlamak gerekir. Telefonunuzla göz atın bu yardım

<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

Umut.

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