부트 스트랩 3 popover with ui datepicker in close - 클릭하십시오.

Question

부트 스트랩 popover에 UI datepicker 캘린더가 있습니다. - 월을 변경하면 popover close를 제외한 모든 작업이 정상입니다. 오늘 버튼이나 몸 클릭만으로 닫을 필요가 있습니다. .

몇 가지 예제를 통해 popover를 클릭 한 다음 popover close를 해결하는 방법을 발견했습니다. 그러나 제 경우에는 해결책을 찾지 못했습니다.

$('.popover-calendar').popover({ 
    html: true, 
    placement: 'bottom', 
    fixclass: 'calendar', 
    content: function() { 
     return $($(this).data('contentwrapper')).html(); 
    }, 
    callback: function() { 
     $("#datepicker").datepicker({ 

     }); 
    } 
}).on("click", function() { 
    $(this).next().addClass('calendar-open'); 
}); 

$('body').on('click', function (e) { 
    $('.popover-calendar').each(function() { 
     if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { 
      $(this).popover('hide'); 
     } 
    }); 

}); 

는 확인 jsfiddle

오늘 문제 클릭을 생산하는 방법 - 다음을 클릭하거나 이전 달 탐색 화살표 -과 팝 오버에 가까운 (머물면서 변화 달을 표시해야합니다).

JSFiddle 지금 당신이 달을 변경 할 수 있어야하고 버튼의 클릭으로 날짜 선택기가 닫히고 :

Answer 1

이보십시오.

코드는 내가 변경 :

$('body').on('click', function (e) { 
     $('.popover-calendar').each(function() { 
      $('.popover-calendar').datepicker(); 
      $('.popover-calendar').mousedown(function() { 
       $(this).datepicker('hide');  
      }); 
     }); 
    });