Réinitialisez ou détruisez Bootstrap datepicker dynamiquement
Est-il un moyen de détruire le Bootstrap datepicker dynamiquement mise à jour de son, comme les options de format, beforeShowDay, etc.?
Je sais que le jQuery UI datepicker a une méthode destroy mais Bootstrap n'a pas. Il dispose seulement d'un .('remove')
méthode mais sa ne fonctionne pas.
Mon objectif est de modifier les options de la datepicker lors de la modification d'une entrée, par exemple:
$('#employee').change( function() {
$('#date').datepicker('destroy'); //not working 'cause bootstrap hasnt a destroy method
$('#date').hide();
});
Puis j'appelle l'initialisation de la fonction lorsque l'entrée change:
function updateCalendar(){
$('#date').datepicker({
format:"dd/mm/yyyy",
beforeShowDay: updateC //function that modifies the available days to show
});
}
source d'informationauteur dan
Vous devez vous connecter pour publier un commentaire.
Assurez-vous que vous avez votre date de sélecteur d'objet dans les DOM avant de la retirer.
Sans la suppression, vous pouvez masquer le calendrier et modifier le format de la date et de les mettre à jour .
J'ai effectivement trouvé plus seulement de supprimer l'identification de l'élément, de le cloner, et ajouter l'ID de nouveau.
Probablement vous utilisez datepicker avec entrée btn groupe, je veux dire que vous avec une date de bouton de l'icône. Donc, vous ne devez pas choisir juste l'élément d'entrée quand vous voulez pour le détruire et reinit. Vous devez sélectionner div a "date-picker", puis les retirer et init de nouveau.
Vous pouvez Utiliser:
$('#element_id').datepicker('destroy');
J'ai appelé ce juste à l'extérieur de mon appel ajax. Mon appel ajax a été la création de la datepicker de façon dynamique. Après l'appel a été fait j'ai détruit l'objet.
Comme ci-dessous:
C'était mon but.
Dans vos options.
Il analyse l'entrée en date de valeur du champ à chaque fois.