Vérifiez si le sélecteur de date est ouvert

Question

J'ai un champ avec un piqueur. Je veux savoir si c'est ouvert. J'ai essayé avec:

$("#filter_date").datepicker("widget").is(":visible") 

mais cela revient toujours vrai.

Comment puis-je vérifier si elle est ouverte?

Answer 1

Cela pourrait être un bug possible dans le passé. Maintenant, cette solution

$("#filter_date").datepicker("widget").is(":visible") 

fonctionne parfaitement

Answer 2

Du haut de ma tête, je ne pouvais penser à utiliser les événements beforeShow et onClose définis pour le contrôle de datepicker pour basculer d'une classe (ou un drapeau) quelque part, et de vérifier la présence de déterminer si le contrôle DatePicker est ouvert ou non.

Answer 3

: Il suffit de régler

#ui-datepicker-div { display: none; } 

dans votre fichier CSS et votre code:

$("#filter_date").datepicker("widget").is(":visible") 

fonctionnera correctement!

Answer 4

Accès attribut de style de la datepicker et le comparer avec un style quand datepicker est caché (display: none):

var datePickerStyle = $('.datepicker').attr('style'); 
var noneStyle = 'display: none;'; 
if(datePickerStyle.indexOf(noneStyle) != -1){ 
    console.log('shown'); 
} else { 
    console.log('not shown'); 
} 

Answer 5

var isCalendarVisible;  
    $(".datepicker).datepicker().on("show", function() { 
      isCalendarVisible = true; 
    }).on("hide", function() { 
      isCalendarVisible = false; 
    }); 

Je l'ai utilisé cette approche pour faire basculer de datepicker sur un clic d'un bouton. isCalendarVisible mise à jour sur 'show' & 'cacher' de datepicker en conséquence. Je vérifie la valeur de 'isCalendarVisible' pour l'ouvrir ou la fermer manuellement.

function toggleCalendar() { 
     if (isCalendarVisible) { 
      $(".datepicker .add-on").datepicker("hide"); 
     } else { 
      $(".datepicker .add-on").datepicker("show"); 
     } 
    }