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