Jquery ui jQuery日期选择器未关闭

Jquery ui jQuery日期选择器未关闭,jquery-ui,datepicker,Jquery Ui,Datepicker,我的jQuery datepicker仅在拾取日期时关闭,但我希望它在用户单击关闭按钮时关闭。但是,即使showButtonPanel选项设置为true,关闭按钮也不会出现,但“今天”按钮会出现 我认为这可能与自定义onSelect操作(而不是默认操作)有关,但我自己不知道如何关闭它。尝试使用$.datepicker('hide')和('destroy'),但没有区别 $(document).ready(function() { $.datepicker.setDefaults({fir

我的jQuery datepicker仅在拾取日期时关闭,但我希望它在用户单击关闭按钮时关闭。但是,即使showButtonPanel选项设置为true,关闭按钮也不会出现,但“今天”按钮会出现

我认为这可能与自定义onSelect操作(而不是默认操作)有关,但我自己不知道如何关闭它。尝试使用$.datepicker('hide')和('destroy'),但没有区别

$(document).ready(function() {
    $.datepicker.setDefaults({firstDay: 1, dateFormat: 'dd/mm/yy', showAnim: 'fade'});
});    
$(document).delegate('.editEndDate', 'click', function() {              
$('.formattedEndDate').datepicker({
    defaultDate: $('.formattedEndDate').attr('id'),
    onSelect: function(dateText, inst) { 
    var date = dateText;
    var data = 'project=' + projectId + '&date=' + date + '&dateToChange=end';
        $.ajax({
            type: 'POST',
            url: 'helpers/change-project-date.php',
            data: data + '&ajax=1',
            success: function(response){
                getNotification(response);
                $('.formattedEndDate').fadeOut(function() {
                    $(this).load(location.href+ ' .formattedEndDate', function() {
                        $(this).fadeIn('slow');
                    });
                });     
            },
            error: function(response){
                getNotification(response);
            },
            complete: function(response){
                $('.formattedEndDate').datepicker('hide');
            }
        });
    }
});
return false;
});

这可能很简单,但我就是看不见。提前谢谢。

我可能已经找到了解决我自己问题的方法

$('.ui-datepicker').live('mouseleave', function() {
    $('.ui-datepicker').fadeOut(function() {
        $('.formattedStartDate').attr('class', 'formattedStartDate');
        $(this).remove();
    });
});

这对我有效,希望对其他人也有效。

当我尝试使用live时,一切都崩溃了。所以我不得不用上。我还添加了输入焦点隐藏。因此,如果你碰巧专注于另一个领域,日历就不仅仅是闲逛。我也只是隐藏,但你应该能够切换为淡入淡出,如果这是你想要的

    $('.bootstrap-datetimepicker-widget').on('mouseleave', function () {
        $(this).hide();
    })
    $('input').on('focus', function () {
        $('.bootstrap-datetimepicker-widget').hide();
    });
使用此脚本$(文档)。单击(函数(e){var ele=$(e.target);if(!ele.hasClass(“hasDatepicker”)&&&!ele.hasClass(“ui日期选取器”)&&!ele.hasClass(“ui图标”)&&&!$(ele.parent().parents(.ui日期选取器”).length)$(.hasDatepicker”).datepicker(“隐藏”);