Проверьте, открыт ли указатель даты

Question

У меня есть поле с указателем даты. Я хочу знать, если это открыто. Я пробовал с:

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

но всегда возвращает true.

Как я могу проверить, открыт ли он?

Answer 1

Это может быть возможной ошибкой в ​​прошлом. Теперь это решение

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

отлично работает

Answer 2

Просто установите:

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

в вашем файле CSS и вашем коде:

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

будет работать правильно!

Answer 3

Вдобавок ко всему, я мог бы подумать об использовании событий beforeShow и onClose , определенных для элемента управления DatePicker, для переключения где-либо класса (или флага) и проверки наличие которого определяет, открыт ли элемент управления datepicker.

Answer 4

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

Я использовал этот подход для переключения выбора даты при нажатии кнопки. isCalendarVisible получать обновленную информацию о 'show' & 'hide' DatePicker соответственно. Я проверяю значение isCalendarVisible, чтобы открыть или закрыть его вручную.

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

Answer 5

Доступ к атрибуту стиля средства выбора даты и сравнение его со стилем, когда средство выбора даты скрыто (отображение: отсутствует):

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