如何檢查引導日期選擇器的下拉狀態？

我知道以下內容會檢查整個窗口小部件的可見性，但是有沒有辦法只檢查下拉日曆的可見性/狀態？如何檢查引導日期選擇器的下拉狀態？

$("#datePicker").datetimepicker().is(":visible")

編輯：小部件功能如預期，幷包含在一個模式只有格式和定位集。

$('#datePicker').datetimepicker({ 
    format: 'MM/DD/YYYY', 
    widgetPositioning: { 
     horizontal: 'auto', 
     vertical: 'top' 
    } 
});

HTML當日歷下拉列表是開/可見：

<div class="bootstrap-datetimepicker-widget dropdown-menu usetwentyfour top pull-right" style="display:block;">...</div> 
<span class="input-group-addon toggleCalendar"> 
    <span class="glyphicon glyphicon-calendar">...</span> 
</span>

來源

2017-03-24 Don Peat

如果您已檢查的代碼，你會很容易找到了一個選擇目標下拉。

命中CTRL + SHIF +ç未來時間;）

這種嘗試：

console.log("Dropdown visible: " + $(document).find(".datepicker-dropdown").is(":visible"));

這裏是CodePen示範。

編輯

上是自舉的DatePicker ...
這是自舉的DateTimePicker相同的答案。

答案基本相同，只有選擇器才能鎖定日曆。
在這種情況下，這是.dropdown-menu。

console.log("Dropdown visible: " + $(document).find(".dropdown-menu").is(":visible"));

在CodePen的示範。

來源

2017-03-24 23:43:16

使用語句查詢文檔無論使用容器還是模式ID作爲選擇器都返回'undefined' –

我用一個實際的例子編輯過，返回'false'。 –

我瞭解如何使用檢測器和您提出的解決方案，但它不起作用。我相信這是因爲這個小部件包含在一個模式中。我用完全不同的方法結束了，但仍想知道如何查詢打開狀態，請參閱編輯。 –

如何檢查引導日期選擇器的下拉狀態？

回答

相關問題