Question

下午好，

因此，我这里有ui-datapicker，具有隐藏的日期字段和具有id属性#trigger的图像按钮。单击日期选择器后，按预期的方式出现，但是如果再次单击相同的按钮，则需要此日期选择器消失。

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

这是将show属性分配给datepicker的代码。但是我确实在这里使用hide功能。

有什么想法/建议吗？谢谢

Answer 1

您可以实现执行此操作的功能，也可以仅添加click事件。

function calHide（{$（“＃mycalendar”）。datepicker（“ destroy”）; $（“＃mycalendar”）。hide（）};

function calShow（）{$（“＃mycalendar”）。show（）; $（“＃mycalendar”）。datepicker（）;};

Answer 2

因此解决方案在这里：

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

PS。谢谢米尔克先生的辛勤工作和时间。

再次单击日期选择器一次，单击指定的按钮

2 个答案: