滚动模态时,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 );        
    }
);