2017-01-11 7 views
1

datepicker calendarに問題があります。私はそうするのを止める必要があります。私はそれを入力ボックスにとどめることが必要です。 https://jsfiddle.net/qgzwwt70/4/日付ピッカーが浮動小数点で表示されないようにする

ヘルプ:以下

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

はフィドルです。

+0

あなたはより具体的に説明してくださいだろうか? 「入力ボックスに留まる」とはどういう意味ですか? –

+0

...カレンダーがスクロール中に上に動かないようにします。カレンダーを入力ボックスの下に置いたりロックしたりする必要があります(最初に登場したときなど)。 –

+0

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

答えて

1

ウィンドウスクロールの日付ピッカーポップアップの先頭のオフセットを計算することで、目的の動作を達成できます。

$("#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/

関連する問題