jquery datepicker displaying off a button click, is there a way to determine display state (show/hide)?

Question

I'd like to make the button into a toggle but I looked at the docs and couldn't find a isHidden isVisible type of property...

.showCalendar is my button and #weekDate is my input field. Is there a way to get the display state of datepicker?

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

score 9 · Answer 1 · answered Mar 16 '14 at 11:22

9

You can check visibility of widget and toggle widget as following:

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

answered Mar 16 '14 at 11:22

Genc Hosting

187
2
6

Worked for me except `.has-dp` is `#weekDate` as per original post, i.e. the id of your input – Savage Jun 07 '18 at 07:49
Thanks buddy it realy helps. – Ritesh Khatri Aug 07 '18 at 10:16

score 2 · Accepted Answer · edited May 23 '17 at 12:09

2

To my knowledge, there is no way to get the display state of the date picker (apparently, applying :visible to the UI widget does not work).

However, you can solve your problem by binding to the toggle event:

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

edited May 23 '17 at 12:09

Community

1
1

answered Jan 28 '11 at 19:08

Frédéric Hamidi

249,845
40
466
467

1

This doesn't quite work when the calendar is shown from the toggle button and hidden from input blur: next toggle tries to hide it again thus making the button "miss" a click. – Jawa Jan 21 '13 at 10:03

jquery datepicker displaying off a button click, is there a way to determine display state (show/hide)?

2 Answers2