显示关闭按钮的jquery datepicker,有没有办法确定显示状态(显示/隐藏)？

Question

我想把按钮变成一个切换按钮,但我查看了文档,找不到一个isHidden isVisible类型的属性...

.showCalendar是我的按钮,#weekDate是我的输入字段.有没有办法获得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

据我所知，没有办法获取日期选择器的显示状态（显然，对 UI 小部件应用:visible不起作用）。

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

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