如何检查 bootstrap 日期选择器的下拉状态？

Question

我知道以下检查整个小部件的可见性，但有没有办法只检查下拉日历的 visibility/state？

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

编辑：小部件按预期运行并且包含在仅设置格式和定位的模态中。

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

HTML 当日历下拉列表为 open/visible:

<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>

Answer 1

如果您检查过代码，您会很容易找到一个选择器来定位下拉列表。

下次按CTRL+SHIF+C;)

试试这个：

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

这是CodePen中的演示。

编辑

以前是 Bootstrap DatePicker...
这是 BootStrap DateTimePicker.

的相同答案

答案基本相同，只是针对日历的选择器不同。
在这种情况下，这是 .dropdown-menu.

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

CodePen 中的演示。

如何检查 bootstrap 日期选择器的下拉状态？

How to check dropdown state of bootstrap datepicker?

javascript

jquery

datepicker

datetimepicker

twitter-bootstrap