Ajouter jQuery UI datepicker spécifiques div

Je suis en utilisant le datepicker de jQuery avec une série de champs de saisie et voudrais le datepicker pour être annexé à la div contenant le champ de saisie plutôt que de l'élément de corps de la datepickers sont rendus sur.

Est t-il un moyen pour accomplir cette? Merci!

Semble vraiment comme un générique de la question, avez-vous de code à la façon dont vous êtes le mettre en œuvre?
Reportez-vous à cette question : stackoverflow.com/questions/10812921/...
Le datepicker est appelé sur un élément d'entrée qui est contenue à l'intérieur d'un div avec une classe qui lui est appliqué. E. g. <div class="datepicker-wrapper"><input class="datepicker"></div>. J'ai besoin de la datepicker ajouté .datepicker-wrapper par opposition à corps. Merci!
Je veux faire tout ce que vous avez fait! la réponse de @Tom n'est pas vrai, Pourquoi êtes-vous marquer comme vraie réponse?

OriginalL'auteur Cory Dransfeldt | 2015-02-09

2

Afficher le datepicker intégré dans la page plutôt que dans une superposition.
Appelez simplement .datepicker() sur un div au lieu d'une entrée.

https://jqueryui.com/datepicker/#inline

Même si elle est acceptée, cette réponse est totalement sans rapport avec le problème et ne pas le résoudre. Voir aussi stackoverflow.com/questions/12351871/...
Vous êtes dans l'erreur. Cette réponse fait exactement ce qu'il voulait accomplir. Veuillez lire sa description et commentaire de nouveau. Il veut le nœud, avec le code ajouté .datepicker(), ajouté à un div au lieu de l'élément de corps. $('div.datepicker-wrapper').datepicker() génère du code html à l'intérieur de div. Et c'est ce qu'il voulait. jsfiddle.net/mnzdrkhu
Ajouté à une div, oui, mais à éclater, pas toujours visible. Ceci est lié au bug de défilement (qui est d'au moins 4 ans et évidemment, pas de développeur de jqueryui se soucier de l')
Où avez-vous lu qu'il veut qu'elle popup? Ce n'est pas une exigence mentionné partout et assez facile à réaliser avec un simple js ou css où vous définissez les display: none à l'accent événement ou quelque chose
Ce n'est pas la réponse, par exemple, je veux qu'il soit joint à un #wrapperdiv où je peux utiliser une feuille de style spécifique pour la #ui-datepicker-div, je sais que c'est une sorte de hack, mais important pour d'autres raisons

OriginalL'auteur Tom

Solution la plus simple que j'ai trouvé est

$("#myDatePicker").datepicker({
    beforeShow:function(textbox, instance){
        $('.DivToAppendPicker').append($('#ui-datepicker-div'));
    }
});

OriginalL'auteur Moiz

Vous devez vous connecter pour publier un commentaire.