Jquery UI Datepicker pas l'affichage de

J'ai eu le même problème, et j'ai constaté que dans mon cas, la cause est le datepicker div pour une raison quelconque est retenue de la classe .ui-helper-hidden-accessible, ce qui a le code CSS suivant:

.ui-helper-hidden-accessible {
 position: absolute !important;
 clip: rect(1px 1px 1px 1px);
 clip: rect(1px,1px,1px,1px);
}

Je suis en utilisant google CA hébergé versions de jquery, donc je ne pouvais pas modifier le code ou le CSS. J'avais aussi essayé de changer le z-index, sans succès. La solution qui a fonctionné pour moi a été de définir la propriété clip pour le datepicker de retour à sa valeur par défaut, auto:

$('.date').datepicker();
$('#ui-datepicker-div').css('clip', 'auto');

Depuis cette cible en particulier le datepicker div, il y a moins de risques d'effets secondaires indésirables sur d'autres widgets que de changer l'interface utilisateur-helper-hidden-accessible de la classe dans son ensemble.

J'ai eu le même problème: le Sélecteur de Date a été ajoutée avec succès (et pourrait même être trouvé dans FireBug), mais n'était pas visible. Si vous utilisez FireBug pour supprimer la catégorie "ui-helper-hidden-accessible" à partir de la Date de Sélecteur div (ID: "ui-datepicker-div"), le Sélecteur de Date devient visible et fonctionnera comme d'habitude.

Si vous ajoutez ce qui suit à la fin de votre $(document).prêt() de la fonction, il appliquera le présent pour chaque Sélecteur de Date sur votre page, et de faire tous les travaux:

$(document).ready(function() {
      //...
      //Put all of you other page setup code here
      //...

      //after setting everything up (including adding all Date Pickers)
      //apply this code to every Date Picker
      $('#ui-datepicker-div').removeClass('ui-helper-hidden-accessible');  
});

C'était ma position initiale. Par la suite, j'ai essayé la solution proposée ci-dessus par Brian Mortenson et à la fois parfaitement fonctionné, et semblait moins invasive que la suppression d'une classe entière de l'élément. J'ai donc modifié mon code pour appliquer sa solution à la méthode que j'ai utilisé (s'appliquer à la fin de la configuration du document de sorte qu'il s'applique à chaque Sélecteur de Date et ne nécessite pas de répétition):

$(document).ready(function() {
      //...
      //Put all of you other page setup code here
      //...

      //after setting everything up (including adding all Date Pickers)
      //apply this code to every Date Picker
      $('#ui-datepicker-div').css('clip', 'auto');  
});

Espère que cela aide d'avoir quelqu'un décoller.

EDIT: correction d'un code d'erreur de syntaxe.

J'ai eu un problème similaire avec 1.7.2 version de jQuery et jQuery UI. Le pop-up n'était pas de s'afficher et aucun de la des suggestions ci-dessus ont aidé. Ce qui les a aidé dans mon cas était de prendre l'class="hasDatepicker" qui (comme la accepté de répondre ici notes: jQuery UI datepicker n'affichera pas - de code complet inclus) est utilisé par jquery ui pour indiquer qu'un datepicker a déjà été ajouté à la zone de texte. Souhaitez, je trouve que la réponse plus rapidement.

J'ai changé la ligne

.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }

à

.ui-helper-hidden-accessible { position: absolute !important; }

et tout fonctionne maintenant. Sinon, essayez de monter le z-index de Soldierflup suggéré.

Eu le même problème que le datepicker-DIV a été créé mais n'a pas se remplir et le montrer sur cliquez sur.
Mon erreur a été de donner à l'entrée de la classe "hasDatepicker" staticly. jQuery-ui chapeau pour définir cette classe de son propre. puis il travaille pour moi.

C'est un problème un peu différent. Avec moi le sélecteur de date d'affichage, mais le css n'était pas le chargement.

J'ai corrigé par: Recharger le thème (aller à jquery ui css, ligne 43 et copiez l'url il y a à modifier votre themeroller thème) > enregistrer à nouveau sans les options avancées > Remplacer les anciens fichiers > Essayez de ne pas changer l'url et voir si cela aide aussi.

Ok, j'ai enfin trouvé ma solution.

Si vous êtes à l'aide de modèles sur votre point de vue (à l'aide de Moustache.js, ou autres...), vous devez prendre en compte que certains de vos classes peut être chargé à deux reprises, ou sera créé plus tard. Donc, vous devez appliquer cette fonction $(".datepicker" ).datepicker(); une fois que l'instance a été créée.

Si vous utilisez les scripts de metro UI css (excellent gratuit metro UI ensemble de http://metroui.org.ua/) , qui peuvent entrer en conflit trop.
Dans mon cas, c'était le problème récemment.

Donc supprimé les scripts de référence de l'INTERFACE utilisateur metro (comme je n'étais pas à l'aide de ses composants), datepicker est montrant.

Mais vous ne pouvez pas obtenir de métro de regarder pour le datepicker de jQuery ui

Mais dans la plupart des cas, comme d'autres l'ont mentionné, son clash avec les mêmes versions de jQuery-UI javascripts.

J'ai trouvé un truc solution. Vous pouvez utiliser le dessous des codes.

$(".datepicker").datepicker({
/* any options you want */
beforeShowDay: function (date) {
    $('#ui-datepicker-div').css('clip', 'auto');
    return [true, '', ''];
    }
});

En train de poster parce que la cause pour mon cas n'a pas été décrite.

Dans mon cas, le problème était que "assets/js/fuelux/treeview/fuelux.min.js" a l'ajout d'un constructeur .datepicker(), ce qui était primordial de la assets/js/datetime/bootstrap-datepicker.js

déplaçant la

être juste avant le $('.date-picker") a résolu mon problème.