Невозможно удалить самозагрузки выбора даты из текстового поля

Question

Моего сценария является то, что у меня есть несколько текстовых я вручную добавить самозагрузки выбора даты с того, что текстовыми полями вручную в JQuery

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

, а затем, когда я пытаюсь удалить или отвязать это

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

тогда я не могу вернуться к выбора даты с первым кодом, дата захватывающего выпадающего списка не отображаются :(

Answer 1

Сво работая здесь. См. это. Я думаю, что вам не хватает некоторых событий. Я добавил две кнопки например bind и unbind и при щелчке события У меня есть привязка и unbind соответственно datepicker и его работа. Проверьте мой 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

Ракеш Sojitra является распознаватель. Я просто заставляю его код отрезать для вас.

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