Impossible de supprimer le sélecteur de date d'amorçage du champ de saisie

Question

Mon scénario est que j'ai deux zones de texte i ajouter manuellement sélecteur de date d'amorçage avec que des zones de texte manuellement dans jquery

$('#dataRange input').addClass('datepicker'); 
$('.datepicker').datepicker({dateFormat: "yy-mm-dd"}).datepicker("setDate", new Date()).focus(); 

puis lorsque je tente de supprimer ou unbind il

$('.datepicker').datepicker('destroy'); 
$(".datepicker").unbind('focus'); 
$('#dataRange input').removeClass('datepicker'); 

alors je ne peux pas revenir au sélecteur de date avec le premier code, liste déroulante sélecteur de date ne montrent pas :(

Answer 1

Son travailler ici S'il vous plaît voir ça. Je pense que vous manquez quelques événements. J'ai ajouté deux boutons par exemple lier et se désolidariser et sur événement de clic j'ai bind et unbind respectivement datepicker et son fonctionnement. Vérifier mon fiddle

$('#dataRange input').addClass('datepicker'); 
 
      $('.datepicker').datepicker({dateFormat: "yy-mm-dd"}).datepicker("setDate", new Date()).focus(); 
 
      $(".unbind").on("click", function() { 
 
       $('.datepicker').datepicker('destroy'); 
 
      }); 
 
      $(".bind").on("click", function() { 
 
       $('.datepicker').datepicker({dateFormat: "yy-mm-dd"}).datepicker("setDate", new Date()).focus(); 
 
      });

<div id="dataRange"> 
 
      <input type="text" name="datein" value=""> 
 
     </div> 
 
     <button class="unbind">unbind</button> 
 
     <button class="bind">bind</button>

Answer 2

Rakesh Sojitra est résolveur. Je viens juste de faire son code pour taquiner pour toi.

$(function() { 
 
       $('#dataRange input').addClass('datepicker'); 
 
       $('.datepicker').datepicker({dateFormat: "yy-mm-dd",autoclose:true}).datepicker("setDate", new Date()).focus(); 
 
       $(".unbind").on("click", function() { 
 
        $('.datepicker').datepicker('destroy'); 
 
       }); 
 
       $(".bind").on("click", function() { 
 
        $('.datepicker').datepicker({dateFormat: "yy-mm-dd"}).datepicker("setDate", new Date()).focus(); 
 
       }); 
 
      });

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet"/> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.de.min.js"></script> 
 

 
<form action="#" method="post"> 
 
    <div id="dataRange"> 
 
      <input type="text" name="datein" value=""> 
 
     </div> 
 
     <button class="unbind">unbind</button> 
 
     <button class="bind">bind</button> 
 
</form>