web-dev-qa-db-fra.com

Réinitialiser ou détruire dynamiquement Bootprap Datepicker

Existe-t-il un moyen de détruire le datepicker de Bootstrap en mettant à jour ses options comme le format, beforeShowDay, etc.? Il ne dispose que de la méthode .('remove') mais ne fonctionne pas.

Mon objectif est de modifier les options du sélecteur de date lorsque vous modifiez une entrée, par exemple:

$('#employee').change( function() {
   $('#date').datepicker('destroy'); //not working 'cause bootstrap hasnt a destroy method
   $('#date').hide();
});

J'appelle ensuite la fonction d'initialisation lorsque l'entrée change:

function updateCalendar(){
     $('#date').datepicker({
          format:"dd/mm/yyyy",
          beforeShowDay: updateC  //function that modifies the available days to show
     });    
 }
twitter-bootstrapmethodsdatepickerdestroy
13
dan
$('.datepicker').datepicker('remove');

Assurez-vous d'avoir votre objet sélecteur de date dans DOM avant de le supprimer . Sans le supprimer, vous pouvez masquer le calendrier, modifier le format de la date et le mettre à jour.

$('.datepicker').datepicker('update');
30
Rajesh Madhu

En fait, je l’ai trouvé davantage pour simplement supprimer l’ID de l’élément, le cloner et le rajouter.

1
rnirnber

Vous utilisez probablement datepicker avec input btn group, je veux dire vous avec un bouton icône de date. Vous ne devez donc pas simplement choisir un élément d’entrée lorsque vous souhaitez le détruire et le relancer. Vous devez sélectionner div a "date-picker", puis supprimer et initialiser à nouveau. 

0
KnowGe