2011-11-13 4 views
0

J'utilise actuellement jquery mobile datebox (http://dev.jtsage.com/jQM-DateBox/) pour afficher un calendrier. Je bloqué l'entrée dans un div avec display: none, puis-je activer manuellement le calendrier avec le javascript suivant:jquery mobile datebox alignement personnalisé

$('#opencalendarlink').live('click', function(){ 
    $('#datepicker').datebox('open'); 
}); 

où opencalendarlink est l'identifiant du sélecteur de bouton et la date est l'identifiant du calendrier. Cependant, le calendrier apparaît maintenant aligné à gauche, bien que le bouton et le div caché correspondant soient alignés au centre. Comment puis-je réparer cela?

Répondre

2

S'il vous plaît essayer

<div style="visibility:hidden; height: 0px;"> 
    <label for="mydate">Some Date</label> 

    <input name="mydate" id="mydate" type="date" data-role="datebox" 
     data-options='{"mode": "calbox"}'> 
    </div> 

JQM-datebox calcule probablement sa position à partir de son parent et parce qu'il est pas rendu (à cause de l'écran: aucun) ce sera 0,0, paramètre de visibilité corrigera cette

Questions connexes