2011-04-06 4 views
1

jQuery datepicker는 날짜를 선택할 때만 닫힙니다.하지만 사용자가 닫기 버튼을 클릭하거나 닫는 버튼을 클릭하면 닫힙니다. 그러나 showButtonPanel 옵션이 true로 설정되어 있어도 닫기 버튼은 나타나지 않지만 '오늘'버튼은 나타나지 않습니다.jQuery datepicker가 닫히지 않았습니다

기본 설정 대신 사용자 지정 onSelect 동작이있는 것으로 생각되지만 직접 닫는 방법을 알아낼 수는 없습니다. $ .datepicker ('숨기기')와 ('파괴')를 사용해 보았지만 차이는 없습니다.

$(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; 
}); 

단순 할 수도 있지만 나는 그것을 볼 수 없습니다. 미리 감사드립니다. 난 내 자신의 문제에 대한 해결책을 발견 할 수 있습니다

+0

사용이 스크립트의 $ (문서) .click (기능 (전자) { VAR 전자 업계 = $ (e.target) !! 경우 (ele.hasClass ("hasDatepicker") && ele.hasClass ("ui-datepicker") &&! ele.hasClass ("ui-icon") &&! $ (ele) .parent(). parents (".ui-datepicker") 길이) $ (". hasDatepicker"). datepicker ("hide"); }); –

답변

3

... 이것은 나를 위해 작동

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

는 희망 너무 다른 사람을 위해 일할 것입니다.

0

라이브를 사용하려고 할 때 모든 것이 울 렸습니다. 그래서 나는에 사용해야했다. 입력 포커스 숨기기도 추가했습니다. 따라서 다른 분야에 집중한다면 캘린더는 그냥 매달려있는 것이 아닙니다. 나도 숨 겼어.하지만 네가 원하는대로 페이드를 바꿀 수 있어야 해.

$('.bootstrap-datetimepicker-widget').on('mouseleave', function() { 
     $(this).hide(); 
    }) 
    $('input').on('focus', function() { 
     $('.bootstrap-datetimepicker-widget').hide(); 
    }); 
관련 문제