我知道以下内容会检查整个小部件的可见性,但是有没有办法仅检查下拉日历的可见性/状态?
$("#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+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 .
关于javascript - 如何检查 Bootstrap 日期选择器的下拉状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43009105/