Verificar si datepicker está abierto

Question

Tengo un campo con un datepicker. Quiero saber si está abierto. Lo he intentado con:

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

pero siempre es cierto.

¿Cómo puedo verificar si está abierto?

Answer 1

Esto podría ser un posible error en el pasado. Ahora bien, esta solución

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

funciona perfectamente

Answer 2

De la parte superior de mi cabeza, podría pensar en utilizar los beforeShow y onClose eventos definidos para el control selector de fecha para cambiar una clase (o una bandera) en alguna parte, y la comprobación de la presencia de las cuales para determinar si el control selector de fecha es abierto o no.

Answer 3

Basta con establecer:

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

en su archivo CSS y su código:

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

funcionará correctamente!

Answer 4

Acceso atributo y el estilo del selector de fecha compararlo con un estilo cuando se oculta selector de fechas (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; 
    }); 

He utilizado este enfoque para la conmutación del selector de fechas en el clic de un botón. isCalendarVisible actualizándose en 'mostrar' & 'ocultar' de datepicker en consecuencia. Verifico el valor de 'isCalendarVisible' para abrirlo o cerrarlo manualmente.

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