javascript - 滚动模式时 bootstrap-datepicker 不滚动

Question

我正在使用 bootstrap-datepicker并想在 bootstrap 2 的模式上显示日期选择器。我遇到的问题是日期选择器在滚动模式时没有相应地滚动，它仍然存在。

代码:

<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">Launch Modal</button>
<div id="myModal" class="modal hide fade" style="height: 400px; overflow: scroll">
    <div style="height:300px"></div>
    <div>Choose Date:
        <input class="calendar" />
    </div>
    <div style="height:300px"></div>
</div>

和javascript:

var datePicker = $(".calendar").datepicker({});

jsfiddler:http://jsfiddle.net/csrA5/

有什么办法可以让它在滚动模态时滚动吗？

Answer 1

有选项 datepicker('place') 来更新位置。我已经更新了jsfiddle

var datePicker = $(".calendar").datepicker({});
var t ;
$( document ).on(
    'DOMMouseScroll mousewheel scroll',
    '#myModal', 
    function(){       
        window.clearTimeout( t );
        t = window.setTimeout( function(){            
            $('.calendar').datepicker('place')
        }, 100 );        
    }
);