停止datepicker從左右浮動

我有一個datepicker日曆漂浮的問題。我需要阻止它這樣做。我需要它留在輸入框。停止datepicker從左右浮動

$('.date').datepicker({ 
    format: 'mm-dd-yyyy', 
    autoclose: true 
}); 

$('.close-button').unbind(); 

$('.close-button').click(function() { 
    if ($('.datepicker').is(":visible")) { 
    $('.date').datepicker('hide'); 
    } else { 
    $('.date').datepicker('show'); 
    } 
});

下面是小提琴： https://jsfiddle.net/qgzwwt70/4/

幫助。

來源

2017-01-11 Noob.joe

你能否更具體？「留在輸入框」是什麼意思？ –

er ...防止日曆在滾動時向上移動。需要將日曆保留在輸入框下方或鎖定（就像第一次出現時那樣）。 –

可能的重複：http://stackoverflow.com/questions/12351871/jquery-date-picker-not-moving-with-page-scroll –

您可以通過計算窗口滾動中日期選擇器彈出窗口的頂部偏移量來實現所需的行爲。

$("#GIOCFModal").scroll(function(){ 

if($('.datepicker-dropdown').length == 1) 
{ 
if($('.date').offset().top > $('.datepicker-dropdown').offset().top) 
{ 
    var value = $('.date').offset().top - 15 - $('.datepicker-dropdown').height(); 
} 
else 
{ 
    var value = $('.date').offset().top + 35; 
} 

$('.datepicker-dropdown').offset({top:value}) 
} 

});

工作小提琴：https://jsfiddle.net/vLbphkq9/

來源

2017-01-11 11:57:53 Deep

停止datepicker從左右浮動

回答

相關問題