jquery datepicker顯示一個按鈕點擊，有沒有一種方法來確定顯示狀態（顯示/隱藏）？

Question

我想使按鈕成爲一個切換，但我看着文檔，並找不到isHidden isVisible類型的屬性...

.showCalendar是我的按鈕和#weekDate是我的輸入字段。有沒有辦法獲得datepicker的顯示狀態？

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

Answer 1

據我所知，有沒有辦法讓日期選擇器的顯示狀態（顯然，應用:visible到UI部件does not work）。

但是，您可以通過結合toggle事件解決您的問題：

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

Answer 2

您可以檢查控件的知名度和widget切換如下：

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