ブートストラップのdatepickerのドロップダウン状態を確認するには？

Question

私はウィジェット全体の可視性をチェックしていますが、ドロップダウンカレンダーの可視性/状態のみをチェックする方法はありますか？

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

EDIT：ウィジェットは期待通りに機能し、フォーマットと位置付けセットのみのモーダルに含まれます。

$('#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> 

Answer 1

、あなたは簡単にドロップダウンを対象とするセレクタを見つけていたでしょう。

ここ

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

はCodePenでデモンストレーションです：）

これを試してみてください。

は CTRL + SHIF + C次回ヒット。

前

---

EDITはここ
ブートストラップのDateTimePickerのために同じ答えです...ブートストラップ日付ピッカーのためでした。

答えは基本的に同じですが、カレンダーを対象とするセレクターだけが異なります。
この場合、これは.dropdown-menuです。 CodePenで

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

Desmonstration。