Javascript 如何检查引导日期选择器的下拉状态?

Javascript 如何检查引导日期选择器的下拉状态?,javascript,jquery,twitter-bootstrap,datepicker,datetimepicker,Javascript,Jquery,Twitter Bootstrap,Datepicker,Datetimepicker,我知道下面会检查整个小部件的可见性,但是有没有办法只检查下拉日历的可见性/状态 $("#datePicker").datetimepicker().is(":visible") 编辑:小部件按预期运行,并包含在仅设置了格式和位置的模式中 $('#datePicker').datetimepicker({ format: 'MM/DD/YYYY', widgetPositioning: { horizontal: 'auto', vertical

我知道下面会检查整个小部件的可见性,但是有没有办法只检查下拉日历的可见性/状态

$("#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>
。。。
...

如果您检查了代码,就很容易找到一个选择器来定位下拉列表

下次按CTRL+Shift+C键;)

试试这个:

console.log( "Dropdown visible: " + $(document).find(".datepicker-dropdown").is(":visible") );
这里有一个在中国的示范




编辑

上一个用于引导日期选择器…
下面是引导DateTimePicker的相同答案

答案基本相同,只是针对日历的选择器不同。
在这种情况下,这是
。下拉菜单

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

在中进行说明。

使用语句查询文档将返回
false
不管怎样,使用容器或模式id作为选择器将返回
未定义的
我了解如何使用inspector&您建议的解决方案,但它根本不起作用。我相信这是因为小部件包含在模态中。我最终使用了一种完全不同的方法,但仍然想知道如何查询打开状态,请参见编辑。我编辑了。使用inspector,这是您必须找到的日历选择器。