显示关闭按钮的jquery datepicker，有没有办法确定显示状态（显示/隐藏）？

Question

我想将按钮设置为切换按钮，但是我查看了文档并找不到isHidden isVisible类型的属性...

.showCalendar是我的按钮，＃wekDate是我的输入字段。有没有办法获得datepicker的显示状态？

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

Answer 1

您可以检查窗口小部件的可见性并切换窗口小部件，如下所示：

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

Answer 2

据我所知，无法获取日期选择器的显示状态（显然，将:visible应用于UI小部件does not work）。

但是，您可以通过绑定到toggle事件来解决您的问题：

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