Afficher le calendrier de l'interface utilisateur Jquery pour afficher le pop-up modal

Question

Bonjour, j'ai une fenêtre contextuelle modale JQuery dans laquelle je charge le HTML. Je le code suivant dans mon fichier scrpt:

//date code - move to reusable. 
    $('.dateDavy').datepicker({ 
     showOn: 'button', 
     buttonImage: '/Content/images/Control_MonthCalendar.bmp', 
     buttonText: 'Enter Date', 
     buttonImageOnly: true, 
     dateFormat: 'dd/mm/yy', 
     yearRange: '-115:+3', 
     changeMonth: true, 
     changeYear: true    
    }); 

Le problème est que lorsque je clique sur l'image pour le calendrier, il apparaît derrière mon formulaire modal.

Toute aide appréciée

Answer 1

Ajoutez quelques CSS dans un fichier CSS qui est chargé après la CSS de l'interface utilisateur jQuery qui définit la classe ui-datepicker d'avoir un z-index supérieur à la boîte de dialogue modale. Je ne me souviens pas de ce que cela représente, alors un peu d'expérimentation pourrait être en ordre. Vous pouvez également ajouter et supprimer l'index z pendant un rappel pour l'événement open de dialogue à la DIV de ui-datepicker-div si vous avez besoin que la commande datepicker soit au-dessus de la boîte de dialogue lorsqu'elle est affichée et qu'elle ait son index z normal.

.ui-datepicker 
{ 
    z-index: 32767; 
} 

$('selector').dialog({ 
    open: function(event,ui) { 
      $('#ui-datepicker-div').css('z-index',32767); 
    }, 
    close: function(event,ui) { 
      $('#ui-datepicker-div').css('z-index',null); 
    } 
});