Закрыть указатель даты один раз, нажав на указанную кнопку

Question

Добрый день,

Так что у меня здесь ui-datapicker со скрытым полем даты и кнопкой изображения с атрибутом id #trigger.После щелчка datepicker появляется, как и предполагалось, но если я снова нажму ту же кнопку, мне нужен этот datepicker, чтобы исчезнуть.

$(function() {
$('#datepicker').datepicker();
$('#trigger').click(function() {
    $('#datepicker').datepicker('show');
});
});

Это код, который присваивает атрибут showpicker.Но я борюсь с hide функциональностью там.

Любые идеи / предложения, пожалуйста?Спасибо

Answer 1

Итак, решение здесь:

$(function() {
$('#trigger').click(function () {
if ($(this).hasClass('opened')) {
    $('#datepicker').datepicker('hide');
} else {
    $('#datepicker').datepicker('show');
}
$(this).toggleClass('opened');
});
});

PS.Спасибо, мистер Милк, за все ваши усилия и время.

Answer 2

Вы можете реализовать функцию для этого или просто добавить событие щелчка.

функция calHide ({$ ("# mycalendar"). Datepicker ("destroy")); $ ("# mycalendar"). hide ()};

function calShow () {$ ("# mycalendar"). show (); $ ("# mycalendar"). datepicker ();};