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,这是您必须找到的日历选择器。