Bootstrap 3 popover with ui datepicker in - close on month點擊

Question

我在引導彈出窗口中有UI日期選擇日曆 - 除彈出窗口關閉時，所有工作都正常，當我更改月份時 - 僅需關閉「今日」按鈕或外部正文。

我發現了幾個例子，解決了外面的彈出點擊然後popover關閉 - 但在我的情況下，我不能工作的任何解決方案。

$('.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

如何產生的問題 點擊今天 - 然後單擊下一步或上一個月份導航箭頭 - 和酥料餅接近（需要保持並顯示改變月份）。

Answer 1

試試這個：JSFiddle

現在你應該可以更改月份，並在按鈕上點擊日期選擇器將關閉。

的代碼，我改變：

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