jquery datepickerはボタンのクリックを表示して、表示状態（表示/非表示）を決定する方法はありますか？

Question

.showCalendarは私のボタンで、#weekDateは私の入力フィールドです...私はトグルにボタンをしたいのですが、私はドキュメントを見て、財産のisHiddenのisVisibleタイプを見つけることができませんでした。 datepickerの表示状態を取得する方法はありますか？私の知る限り

$('.showCalendar').click(function() { 
    $('#weekDate').datepicker("show"); 
}); 

Answer 1

、（明らかに、UIウィジェットdoes not workに:visibleを適用）日付ピッカーの表示状態を取得する方法はありません。

ただし、toggleイベントに結合することによって、あなたの問題を解決することができます：

$(".showCalendar").toggle(function() { 
    $("#weekDate").datepicker("show"); 
}, function() { 
    $("#weekDate").datepicker("hide"); 
}); 

Answer 2

あなたがウィジェットの可視性をチェックし、次のようにウィジェットを切り替えることができます。

$(".dp-icon").click(function (event) { 
    var visible = $(".has-dp").datepicker("widget").is(":visible"); 
    $(".has-dp").datepicker(visible ? "hide" : "show"); 
})