Bootstrap datepicker dans le bouton d'amorçage déroulant
Mon exigence : je suis en train de travailler sur un twitter bootstrap bouton de liste déroulante (http://twitter.github.io/bootstrap/components.html#buttonDropdowns) et en utilisant bootstrap-datepicker (http://eternicode.github.io/bootstrap-datepicker/#examples) dans l'un des éléments de la liste, comme illustré dans l'image ci-dessous.
Comme par ma condition, j'ai besoin de mois de calendrier dans le dernier article et en cliquant sur qui ouvre le bootstrap-datepicker et je devrais être en mesure de choisir le mois & année.
Problème, je suis confronté à : Quand je l'ai ouvert que datepicker et sélectionnez tous les mois ou à l'année ou cliquez sur la navigation dans le datepicker pour passer à un autre mois ou à l'année, le bouton déroulant des peaux, mais le datepicker reste là, comme dans l'image ci-dessous. J'ai essayé, mais pas en mesure de le faire fonctionner.
Ce que je pense (pas sûr de son bon ou pas) : Quand je clique sur le datepicker, il est attaché à l'élément de corps directement où, comme tous les éléments de la liste et de leurs enfants sont au plus profond de html. Donc, même si j'essaie d'arrêter la propagation de l'évènement pour toute cliquez à l'intérieur de liste déroulante, il l'habitude de compter pour datepicker, comme il est annexé au corps. ( Pour plus d'info j'ai certaines actions définies sur cliquez des autres éléments de la liste)
Serait vraiment reconnaissant si quelqu'un pouvait m'aider avec cela, j'en ai vraiment besoin pour obtenir cette chose de travailler pour mon projet.
source d'informationauteur whyAto8
Vous devez vous connecter pour publier un commentaire.
À cette date-picker vous avez besoin pour éviter la propagation sur les boutons individuels. Ajouter ceci dans votre script.
Démo
La accepté de répondre ne fonctionne pas pour moi, mais j'ai trouvé une autre façon de contourner.
Travail
Explication
La date-picker semble ajouter son format HTML à la fin de la
<body>
chaque fois qu'il est montré. Le code HTML pour le pop-up ressemble à quelque chose comme:D'autres solutions ont suggéré que la prévention de la propagation de la
click
événement peut résoudre le problème. Une façon de mettre en œuvre c'est pour gérer l'événement et retourfalse
. Depuis le HTML est généré chaque fois que la fenêtre pop-up s'affiche, l'interception peut également être configuré à chaque fois.La accepté de répondre ne fonctionne pas pour moi non plus, et n' @Sam, bien qu'il ne me diriger vers une autre solution qui a fonctionné (merci Sam). Mon problème était le datepicker était dans un autre pliable élément qui ne devrait pas s'effondrer lorsque les dates sont sélectionnés, etc. Voici ma solution: